Easy-Design.Net forum




Aides sur les thèmes PHPBoost Apprenti sorcier cherche cherche maitre pour réparer erreur. theme de swan boréalis blue tentative de modification.

nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 06/02/2013 à 09h53
Bonjour Swan et la communauté CSn.

J'ai voulu adapter un thème de swan et l'élargir (bien qu'au départ il ne soit prévu que pour faire du 1000px).

J'ai touché quelques variables dans le design.CSS et suis arrivé a quelque chose qui me convienne dans l'ensemble mais j'ai un souci de décalage et de trou dans la partie centrale des texte.

Je sais ce n'est pas clair : alors le site ce trouve ici et sera bien plus parlant.

En version 1000px le 'trou' est visible mais juste sous la forme d'une ligne très fine.

Merci de m'indiquer dans quel fichier je peux trouver l'origine de ceci.

nathanhell
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/02/2013 à 13h53
Bonjour,

:x_x Holallalalaaa .. en plus tu n'as pas pris le plus simple à élargir ! Je vais regarder, vu que le site est en ligne et cela me facilitera la tache ..

Bon commence par cela :

"../templates/BorealisBlue/modules/news/news.css à la ligne 35 replace par :

Code CSS :
.news_top {
    background: url("images/top.png") repeat-x scroll 0 0 transparent;
    color: #515C68;
    font-size: 12px;
    font-weight: bold;
    height: 49px;
    margin-left: 20px;
    padding-left: 10px;
    width: 95%;
}


Je vais te guider pas à pas .. et au fur et à mesure.


swan_signature

Site web    
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 06/02/2013 à 14h02
Un leger mieux mais pas tout à fais cela encore :)
le souci se retrouve dans le news et dans le module pages aussi cela veut-il dire que je vais devoir modifier tout les Css ?

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/02/2013 à 14h21
C'est normal que c'est que un léger mieux.. tu n'as pas encore tout corrigé . Et oui il faudra faire pareil pour le module page. C'est bien pour cela que ce thème à des spécificités.

Mainenant tu vas ouvrir le news.tpl à la ligne que tu trouveras dans "../templates/BorealisBlue/modules/news/"

Code TPL :
            <div class="news_content" style="margin-left:9px;padding-left:1px;">
                &nbsp;&nbsp;{CONTENTS}
            </div>


Tu vas remplacer par :

Code TPL :
            <div class="news_content" style="margin-left:5px;padding-left:1px;">
                &nbsp;&nbsp;{CONTENTS}
            </div>


Et dans le news.css à la ligne 60 :

Code CSS :
.news_content {
    background: url("images/content.png") repeat scroll 0 0 transparent;
    margin-left: 5px;
    padding-left: 1px;
    text-align: justify;
    width: 98%; /* modifie comme ceci */
}


Ensuite on fera le bas ..


swan_signature

Site web    
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 06/02/2013 à 14h31
Merci Swan pour ta promptitude :)
Modifications faites, mais chez moi le resultat est étrange je vais essayer avec un autre navigateur au cas où. J'ai regenerer le cache dans l'administration pour voir.

edit :
Erreur trouvée j'avais mal copier ton code :x désolé Edité par nathanhell Le 06/02/2013 à 14h43
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/02/2013 à 15h02
Pour en finir avec les news :

Dans le "news.css" à la ligne 84 :

Code CSS :
.news_bottom_r {
    background: url("images/bottom_right.png") no-repeat scroll right center transparent;
    float: right;
    height: 50px;
    width: 18px;  /* modifie comme ceci */
}
 


Toujours dans le "news.css" à la ligne 90 :

Code CSS :
.news_bottom {
    background: url("images/bottom.png") repeat-x scroll 0 0 transparent;
    font-size: 10px;
    height: 50px;
    margin-left: 20px;
    padding-left: 2px;
    width: 96%; /* modifie comme ceci */
}
 


Et voilà ..


swan_signature

Site web    
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 06/02/2013 à 19h18
Merci a toi c'est vraiment beaucoup mieux comme ça je ferai les modification dans les pages a partir de ce que tu m'as donné ici.

As-tu une idée pour ça ? : www.tapsinstpant.fr/templates/BorealisBlue/decalage.jpg

ça ne se produit que hors connexion une fois logger plus de souci . Edité par nathanhell Le 06/02/2013 à 19h19
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/02/2013 à 20h26
Re,

Tu es sous quel navigateur ?


swan_signature

Site web    
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 06/02/2013 à 20h40
J'ai le souci sous Opera 12.13 et sous IE9 et effectivement j'avais pas pensé à regarder mais sous firefox à priori il n'y pas de problème. On me dit dans l'oreillette que sur le second PC avec chrome le souci est aussi présent.
tant pis pour eux ils n'ont qu'à s'enregistrer :siffle
Site web    
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 08/02/2013 à 13h09
Re bonjour,

j'ai voulu faire les changement de Css dans les pages à partir de ce qui m'avait été indiqué dans le module news ... mais je ne trouve pas le bon Css vraisemblablement.

Alors un petit up du post est d emise. Si vous pouviez juste m'indiquer le bon fichier je me debrouillerai avec les infos du précédent fichier pour faire la modification.

Merci
Site web    
rusti Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 03/12/2011 à 17h42

Messages: 705

Le 08/02/2013 à 13h44
mdr j'adore le titre du sujets :D


@micalement Rusti
   
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 08/02/2013 à 13h47
bon j'ai ouvert le pages.tpl et en cherchant les div class dans tout les CSS j'ai fini par trouver.
Je vais essayer de faire disparaitre le petit halo blanc sur les cotés.

Merci Rusti Edité par nathanhell Le 08/02/2013 à 14h15
Site web    
nathanhell Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 22/11/2011 à 23h04

Messages: 9

Le 08/02/2013 à 16h47
Bon alors pour le décalage : j'ai mis dans le connect_mini.tpl à la ligne 41 un margin left et top en lieu et place du float. et a priori plus de souci sur aucun des navigateur que j'ai essayé.

Pour les pages et les news j'avais u nhalo blanc qui apparaisait à droite et qui était variable en fonction de la largeur de l'écran et qui finissait par devenir un trou en version très large.

J'ai donc repris les mlignes que Swan m'a indiqué et j'ai mis un margin right et le width en auto.

La encore a priori je ne vois plus le souci si quelqu'un qui a un écran large avec un format qui ne soit pas 4:3 pour verifier je serai content de savoir si ça fonctionne.

Mais pour l'instant je remercie beaucoup Swan pour son aide j'ai plus aprris en quelques post qu'en heures de recherche sur internet :)

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/02/2013 à 11h15
Citation:
Mais pour l'instant je remercie beaucoup Swan pour son aide j'ai plus aprris en quelques post qu'en heures de recherche sur internet :)


Ravie d'avoir pu t'aider à progresser ;)


swan_signature

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie