Modifier l'apparence de la barre de navigation dans les sujets.

[OVANOVIC]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum : http://danaforumtest.forumactif.com/

Description du problème

Bonjour, bonsoir.

Après avoir étudié un petit peu la barre de navigation dans les sujets, je n'ai pas réussi à trouver comment modifier ceci. Comme vu sur le screenshot joint au dessus, j'aimerais :

- Changer la couleur des liens par défaut.
- Changer la couleur des liens lors du survol.
- Changer le préfixe avant chaque "nom de catégorie", c'est-à-dire "::" sur le screen, en ">"

Je vous remercie d'avance, bonne journée à vous.

[Neptunia]

Bonjour ^^


Pour commencer, le tutoriel qui va nous servir à modifier le séparateur ::
Modifier le qui est en ligne par template

Direction le template viewtopic_body

Pour le fil d'Ariane du haut de sujet, recherchez :

Code:

   <div class="pathname-box">
      <p>
            <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
   </div>

et remplacez par :

Code:

   <div class="pathname-box" id="nav-before">
      <p>
            <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
   </div><script type="text/javascript">document.getElementById('nav-before').innerHTML=document.getElementById('nav-before').innerHTML.replace(/::/g,"►");</script>

- On ajoute un id à la div contenant tout le fil d'Ariane.
- On utilise cet id pour scripter le tout comme dans le tuto fourni.
- J'ai remplacé le :: par ► mais vous mettez ce que vous voulez, texte ou image.
- On enregistre et on publie le template.

Ensuite on se rend dans la feuille CSS

Pour la couleur des liens du fil d'Ariane (du vert pour l'exemple) :

Code:

#nav-before a {
   color: #00ff00;
   }

Pour la couleur des liens survolés du fil d'Ariane (du rouge pour l'exemple) :

Code:

#nav-before a:hover {
   color: #ff0000;
   }

J'ai indiqué la procédure pour le fil d'Ariane au dessus du sujet. A vous d'en faire autant pour le bas de sujet en veillant à utiliser un identifiant différent.

[OVANOVIC]

Merci pour votre aide, très compréhensif !

Bonne après-midi, je passe en résolu.