Couleur des liens en bas des sujets

[BOrd3lik]

Bonjour,

Je viens vous demander votre aide parce que j'ai un petit soucis... Voilà, en fait depuis ce matin, j'essaie de changer la couleur des liens qui sont en bas des sujets, mais je n'y arrive pas ! Voyez plutôt :



Je sais que normalement, il faut utiliser la partie ".nav" dans le CSS, mais là je ne veux pas changer la couleur de tous les liens qui correspondent à ce code, je veux juste changer ceux qui sont sur la capture d'écran :/
J'ai essayé de modifier les templates, mais rien à faire --"

Quelqu'un aurait-il une idée svp ?! Merci d'avance !

[Bipo]

Introduction :

Pour modifier la couleur de la police qui se situe dans la table des permissions (localisée en bas des sujets), il faut passer par une modification d'un template sur votre forum. Il faut par conséquent que vous soyez le Fondateur du forum, c'est à dire la personne qui la créé. Si vous remplissez cette condition, on peut passer à l'étape suivante

Pour modifier la couleur de la police qui se situe dans la table des permissions, vous allez devoir modifier le template viewtopic_body.

Fonctionnement, étape par étape :

1 : Panneau d'Administration → Affichage → Templates :: Général :: viewtopic_body :

Il faut éditer votre templates viewtopic_body en cliquant sur .

2 : Recherchez le code suivant dans votre template :

3 : Modifiez la class comme indiqué dans la capture écran qui suit :

On a donc remplacé la class "gensmall" par "perms".

5 : Cliquez ensuite sur le bouton pour valider les modifications.

6 : Revenez sur : Templates :: Profil :: viewtopic_body et cliquez sur pour valider le template et le publier.

Ensuite, on va devoir modifier la feuille CSS de votre forum afin de gérer la class "perms". Panneau d'Administration → Affichage → Images et couleurs :: Couleurs :: Feuille de style CSS.

7 : Ajoutez le code suivant :

Code:

span.perms {
 font-size : 10px; /* Taille de la police que vous pouvez modifier */
 color : #666666; /* couleur de la police que vous pouvez modifier */
}

8 : Cliquez sur "valider" pour sauvegarder les modifications.

Si toutes les étapes sont respectées, vous devez obtenir ce résultat :

Bien cordialement,
Xoumi.

[BOrd3lik]

Ah mince, j'avais du mal m'exprimer

En fait, ce n'est pas les permissions que je veux changer, ce sont ces liens-ci :



Parce que normalement, leur couleur se change avec la rubrique ".nav" dans le CSS mais moi je veux changer uniquement ces liens et pas les autres... Donc je pense qu'il faut modifier un des templates, mais je ne sais pas ce qu'il faut changer...

[Anzu]

Bonjour,

Ces liens apparaissent un peu partout sur le forum. Il faut aller dans l'index box, topics list box et viewforum body.
L'un de ces trois templates est-il déjà modifié ?
Si oui, il me faudrait le code.

Cordialement.

[BOrd3lik]

Bonjour,

Tout d'abord, merci pour votre réponse, et ensuite, voici le code de l'index box :

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}

         {CURRENT_TIME}

         </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>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:154px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td></tr></table>
            </span>
         </h{catrow.forumrow.LEVEL}>
<table  class="genmed2"><tr><td>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td></tr>
         <tr><td>{catrow.forumrow.FORUM_DESC}</td></tr></table>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
         </span>
      </td>

      <!-- BEGIN forum_link_no -->
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50"><span class="gensmall"><i>Ce forum contient :</i><br><b>  {catrow.forumrow.TOPICS} sujets.</b></span><br><br>
         <div class="derniersmessages"><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div><br>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

C'est le seul déjà modifié dans les 3

[Bipo]

Bonjour,

Je m'en excuse, j'ai fais une mauvaise lecture de votre sujet car je ne voyais pas les liens sur l'image fournie ><. J'étais en train de vous répondre avec les étapes à suivre mais Anzu a pris la main donc je lui laisse le soin de vous répondre.

Bien cordialement,
Xoumi.

[Anzu]

Hum, j'ai relu votre précédent message au sujet de .nav.
J'ai testé de mon côté et ca marche parfaitement, comme ceci:

Code:

.nav a{
color: #000000 !important;
}

.nav a:hover {
color: #560893;
}

J'ai vérifié, et seuls les liens que vous désiriez modifier le sont.

Cordialement.

[BOrd3lik]

C'est pas grave Xoumi, merci quand même d'avoir voulu m'aider

Et sinon, pour le .nav je viens de réessayer et le problème c'est que ça change la couleur de ces liens là également :



Or si je les mets tous de la même couleur, soit ceux du bas, soit ceux du haut ne sont plus lisibles

[Anzu]

Il faut avouer que la qualité de la précédente capture laisse à désirer, mais c'est bien ca que vous aviez demandé

Donc il faut savoir, qu'est ce que vous voulez changer ? Faites une capture plus grande et plus claire, ou alors donnez un lien.

Cordialement.

[BOrd3lik]

Bon, j'ai gardé pratiquement toute la capture cette fois-ci pour que vous voyez bien xD



C'est les liens qui sont en marron et que j'ai encadré en rouge que je voudrais changer Et uniquement eux en fait

[BOrd3lik]

Quelqu'un aurait-il une idée ?!

[Anzu]

Bonjour,

Je ne vous ai pas oublié
Votre capture est bien plus claire ^^, je vous fais ca et j'éditerai mon post.

Cordialement.

[BOrd3lik]

Bonjour,

Ah, merci, c'est bien gentil à vous

[BOrd3lik]

Bonjour,

Avez-vous trouver la solution à mon problème ?! Merci d'avance.

Cordialement

[BOrd3lik]

Bonjour,

Je fais remonter un peu mon sujet

[Anzu]

Bonsoir,

Ces liens se trouvent dans le template viewtopic body.
Vers le bas, repérez ceci:
ATTENTION: ce code se trouve à deux endroits, il faut prendre le premier.

Code:

            <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

Précisément:

Code:

<a class="nav" href="{U_INDEX}">{L_INDEX}</a>

C'est ici que vous pourrez changer la couleur des liens

Cordialement.

Edit: Donc, vous remplacez par:
C'est ici:

Code:

<td valign="middle" width="100%"><span class="nav8"><a class="nav8" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav8" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

Et dans la css, mettez ceci:

Code:

.nav8 a{
color: #585958 !important;
}

.nav8 {
font-size: 11px;
color: #000;
}

[BOrd3lik]

Oh ça fonctionne, trop génial

Merci beaucoup pour votre aide

Et bonne soirée à vous !