Forum

Bonsoir,



J'ai modifié la couleur et le survol de la souris dans un menu qui est dans la tête de page.

Je souhaiterais faire de même pour le module connect (1).

Avec firebug, il me renvoit sur le fichier global.css



a.small_link



Si je modifie a.small_link et hover, ca modifie tous les liens de petites tailles.



J'ai réussi à modifier les attitudes des textes pour le menu horizontal mais là je ne sais pas où chercher.





Site de test: http://teamhuns.free.fr

Pour cela il faudrait modifier directement le tpl concerné et modifier/ et ou créer une nouvelle "class" pour changer la couleur.

bon merci je vais continuer à chercher.

Pour l'instant je n'ai pas touché aux fichiers .tpl, je vais essayer de créer une nouvelle "class".. je vais flirter du coté du site du zéro pour savoir ce qu'est une class.

Une "class" c'est se qui va te permettre de définir un style au Div que tu veux exploiter.

Exemple

Ce div à pour class msg_contents_overflow il faut lui appliquer une fonction css (voir ci-dessous). Une fois défini le css, tout se qui se trouvera dans ce div prendra les valeur que tu lui inséras en css.

content.css (ligne 473)



C'est simple en fin de compte une fois que l'on a compris le principe

merci de tes infos..

Effectivement quand on a compris..

J'ai pas mal avancé avec phpboost sur l'utilisation des .css.. (je ne faisais même pas la différence entre un a et un :hover, les propriétés border..

Je me suis fait un croquis de mon prochain thème, donc les images seront créées par la suite, mais je m'attarde à placer tous les éléments là où je le souhaite.

j'y retourne ;-)

13h47

Bon je n'ai pas réussi à modifier le texte mais je suis parvenu à aligner à gauche le mini-connect.. Youpi !

j'y retourne ;-))

Édité par gerald72 Le 20/09/2009 à 13h48

Enfin.. j'y suis parvenu..


En effet Swan j'ai recherché du coté du fichier .tpl concerné

Avec le thème de Base de Crowkait :
de "connect_mini.tpl, et à la ligne 38 commence un "appel" à une class. J'ai remplacé la partie qui faisait appel à "small_link" pour le remplacer par "small_link_menu".

<img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/members_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link_menu">{L_PRIVATE_PROFIL}</a> 


Dans le fichier global.css, à la ligne (euh après la class "small_link"), j'ai crée une nouvelle class "small_link_menu".

/* Liens petite taille dans le menu connection */
a.small_link_menu {
text-align:left;
font-size:10px;
color:#999966;
font-weight:normal;
}

a.small_link_menu:hover {
text-align:left;
font-size:10px;
color:#EEEEEE;
font-weight:bold;
text-decoration:normal;
}


Et ca fonctionne (j'ai un peu commenté car on m'appelle Doris la dorade (Cf. Nemo) ! encore merci Swan pour l'explication..

Édité par gerald72 Le 20/09/2009 à 18h23

Loll, Doris la dorade (Cf. Nemo) Mais de rien