Changer la couleur de certains textes et liens seulement.

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer la couleur de certains textes et liens seulement.

Message par Yoshkill Dim 16 Déc 2012 - 21:40

Bonjour, je souhaiterait modifier les couleurs de certains textes et liens seulement.

Voyez comment se présentent les choses : http://www.ssb4.com/

Je voudrais modifier la couleur du texte qui est sur le fond gris foncé.

" Dernière visite le Ven 14 Déc 2012 - 17:07
La date/heure actuelle est Dim 16 Déc 2012 - 21:39 "

Ainsi que les liens comme " Super Smash Bros. 4 : le forum "

Est-ce possible ? Si oui, comment ?


Dernière édition par Yoshkill le Lun 17 Déc 2012 - 12:20, édité 1 fois
Yoshkill

Yoshkill
*****

Masculin
Messages : 629
Inscrit(e) le : 13/05/2008

http://ssb4.com
Yoshkill a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de certains textes et liens seulement.

Message par Matriochka Dim 16 Déc 2012 - 23:25

Salut Yoshkill,

C’est bien possible, oui, en passant par les templates de ton forum. Pour ça, va d’abord dans le template intitulé index_box, puis localise cette partie :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
Remplace-la par :
Code:
<table id="indexlink" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
N’oublie pas d’enregistrer ton template et le publier.

Ensuite, même chose dans le template index_body, cette fois. Trouve ceci :
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>
Que tu remplaces par :
Code:
<table id="indexlink" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

Enfin, dans ta feuille de styles CSS, il te suffit d’ajouter ceci :
Code:
#indexlink a {color:#FFFFFF;}
Là, je t’ai mis une couleur blanche pour les liens, mais si tu veux changer, il te suffit de modifier #FFFFFF par la valeur de ton choix Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de certains textes et liens seulement.

Message par Yoshkill Dim 16 Déc 2012 - 23:59

Bonsoir.

Merci pour votre réponse. Cela semble fonctionnement, mais seulement en partie. En effet, certains liens continuent de s'afficher comme avant. C'est le cas des liens vers les catégories du Profil, ainsi que des liens vers les niveaux supérieurs du forum, par exemple ici : http://www.ssb4.com/t9-reglement-du-forum-super-smash-bros-4#21 , "Super Smash Bros. 4 : le forum :: Le forum :: Règlement".

Auriez-vous une idée pour changer ça ?

EDIT : et lorsque j'essaye de changer la couleur, ça reste en blanc. Très étrange.
Yoshkill

Yoshkill
*****

Masculin
Messages : 629
Inscrit(e) le : 13/05/2008

http://ssb4.com
Yoshkill a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de certains textes et liens seulement.

Message par Matriochka Lun 17 Déc 2012 - 0:12

Ah, d’accord. Il fallait préciser l’ensemble des liens que tu voulais modifier, à ce moment ^^

Donc, pour la partie que tu montres là, utilise ce code :
Code:
a.nav {color:#FFFFFF;}

Concernant la modification de couleur qui ne prend pas effet, comment t’y prends-tu ? Techniquement, il suffit de remplacer #FFFFFF par un autre code hexadécimal confused
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de certains textes et liens seulement.

Message par Yoshkill Lun 17 Déc 2012 - 10:27

Ah, merci.

C'est exactement ce que je fais, mais ça reste blanc. Sauf pour les liens correspondant à a.nav où ça fonctionne très bien. [EDIT : ah non en fait j'avais laissé un bout de CSS plus bas avec #FFFFFF ; erreur d'étourderie corrigée]

Et pour les liens du profil (Informations | Préférences | Signature | Avatar | Amis et ignorés | Sujets surveillés | Favoris), ainsi que les liens du bas de page, est-ce possible ?
Yoshkill

Yoshkill
*****

Masculin
Messages : 629
Inscrit(e) le : 13/05/2008

http://ssb4.com
Yoshkill a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de certains textes et liens seulement.

Message par Matriochka Lun 17 Déc 2012 - 11:28

Pour le bas de page :
Code:
#page-footer a {color:#FFFFFF;}

Et pour le profil :
Code:
a.mainmenu {color:#FFFFFF;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de certains textes et liens seulement.

Message par Yoshkill Lun 17 Déc 2012 - 12:20

C'est tout bon, merci beaucoup pour votre aider et le temps consacré.
Yoshkill

Yoshkill
*****

Masculin
Messages : 629
Inscrit(e) le : 13/05/2008

http://ssb4.com
Yoshkill a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum