Changer la couleur de certains textes et liens seulement.

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 le 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
*****

Masculin
Messages : 627
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 le 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

Matriochka
+ Hyperactif +

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 le 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
*****

Masculin
Messages : 627
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 le 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

Matriochka
+ Hyperactif +

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 le 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
*****

Masculin
Messages : 627
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 le 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;}

Matriochka
+ Hyperactif +

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 le Lun 17 Déc 2012 - 12:20

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

Yoshkill
*****

Masculin
Messages : 627
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


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