Modifier l'apparence de la barre de navigation dans les sujets.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Modifier l'apparence de la barre de navigation dans les sujets.
Détails techniques
Version du forum : phpBB3Poste 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.
Dernière édition par OVANOVIC le Dim 22 Avr 2018 - 13:09, édité 1 fois
Re: Modifier l'apparence de la barre de navigation dans les sujets.
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 :
et remplacez par :
- 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) :
Pour la couleur des liens survolés du fil d'Ariane (du rouge pour l'exemple) :
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.
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.
Re: Modifier l'apparence de la barre de navigation dans les sujets.
Merci pour votre aide, très compréhensif !
Bonne après-midi, je passe en résolu.
Bonne après-midi, je passe en résolu.
Sujets similaires
» Personnalisation de la barre de navigation dans les sujets
» Modifier ma barre de navigation (en-tête et navigation)
» Comment modifier la couleur des liens dans la barre de navigation?
» Modifier le logo qui apparaît dans la barre de navigation et les onglets
» Impossible de retirer ou modifier des petits boutons dans la barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Comment modifier la couleur des liens dans la barre de navigation?
» Modifier le logo qui apparaît dans la barre de navigation et les onglets
» Impossible de retirer ou modifier des petits boutons dans la barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum