Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Remplacer les boutons | | Coucou Remplacer les boutons répondre, nouveau, verrouiller avec du CSS. Vous pouvez modifier les couleurs , l'écriture et la forum dans le code. - Code:
-
/*-------------------------------- BOUTONS NOUVEAU, REPONDRE, VEROUILLE ---------------------------------------*/
a[href$="&mode=reply"] img, a[href$="&mode=newtopic"] img, a[href$="&mode=locked"] img, a[href$="&mode=post"] img { /*enleve les images des boutons*/ display: none; }
a[href$="&mode=reply"]:before { /*remplace l'image Répondre par un texte*/ content: "Répondre"; }
a[href$="&mode=newtopic"]:before { /*remplace l'image Nouveau par un texte*/ content: "Nouveau"; }
a[href$="&mode=locked"]:before { /*remplace l'image Verouillé par un texte*/ content: "Verouillé"; }
a[href$="&mode=post"]:before { content: "Nouveau"; }
a[href$="&mode=reply"]:before, a[href$="&mode=newtopic"]:before, a[href$="&mode=locked"]:before, a[href$="&mode=post"]:before { /*mise en forme du bouton*/ border: 1px solid #c7a9a9; background-color:#c7a9a9; color:#ffffff; font-size: 18px !important; padding:2px 7px 2px 7px; margin:3px; text-transform: uppercase; border-radius: 3px; }
.nav { /*comprend les boutons et le fil d'ariane*/ font-family: "Hammersmith One", serif; font-size:14px; font-weight:100; } Template modifié viewtopic_bodyOriginal: - Code:
-
<td align="left" valign="middle" nowrap="nowrap"> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td> Changer par celui-ci: - Code:
-
<td align="left" valign="middle" nowrap="nowrap"> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a class="post_new_topic" href="{U_POST_NEW_TOPIC}" rel="nofollow">Nouveau</a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a class="post_reply_topic" href="{U_POST_REPLY_TOPIC}">Répondre</a> <!-- END switch_user_authreply --> </span> </td> CSS: - Code:
-
a.post_new_topic, a.post_reply_topic { font-family: "Hammersmith One", serif; font-size:14px; font-weight:100; border: 1px solid #941a2d; background-color:#941a2d; color:#ffffff; font-size: 18px !important; padding:2px 7px 2px 7px; margin:3px; text-transform: uppercase; border-radius: 3px; } |
| |