Enlever des liens de la navigation
Toutes versions - CSS only -
Ce tuto va vous permettre d'enlever certains liens de votre barre de navigation, ceux qui ne vous servent pas, ou que vous souhaitez déplacer.
Voilà un aperçu avant/après avoir enlevé FAQ et Rechercher
Avec les sélecteurs de CSS on peut sélectionner un lien par son adresse, et ensuite lui appliquer des propriétés, comme ceci:
- Code:
a[href=blabla]{propriétés}
Donc il suffit de connaître l'adresse du lien pour pouvoir le modifier !
Voici les adresses des liens de la barre de navigation, ce sont les mêmes pour tous les forums:
Accueil: /
FAQ: /faq
Rechercher: /search
Calendrier: /calendar
Membres: /memberlist
Groupes: /groups
Profil: /profile?mode=editprofile
Messagerie: /privmsg?folder=inbox
Connexion: /login
Une exception, le "Déconnexion". Pour lui, on utilise le id, à savoir :
Déconnexion: #logout
Et pour supprimer quelque chose, la propriété est
- Code:
display:none;
Donc ça nous donne, selon le lien que vous souhaitez supprimer, ceci (il est préférable d'entourer l'adresse du lien par des guillemets, sinon le / peut être mal interprété ) On cible uniquement les liens qui sont dans le bloc de class "nav", comme ça si vous remettez l'un de ces liens autre part que dans la barre de navigation, il ne sera pas supprimé. Le !important spécifie que cette propriété a une priorité absolue sur les éventuelles autres qui s'appliqueraient au même lien.
- Code:
.nav a[href="/"]{ display:none !important;}
.nav a[href="/faq"]{ display:none !important;}
.nav a[href="/search"]{ display:none !important;}
.nav a[href="/calendar"]{ display:none !important;}
.nav a[href="/memberlist"]{ display:none !important;}
.nav a[href="/groups"]{ display:none !important;}
.nav a[href="/profile?mode=editprofile"]{ display:none !important;}
.nav a[href="/privmsg?folder=inbox"]{ display:none !important;}
.nav a[href="/login"]{ display:none !important;}
.nav #logout{ display:none !important;}
On peut également combiner ces sélecteurs, en les séparant par une virgule et un espace, comme ceci:
- Code:
.nav a[href="/faq"], .nav a[href="/search"]{ display:none !important; }
Et grâce aux adresses des liens plus haut, vous pouvez tout à fait les remettre autre part sur votre forum (sur le message de page d'accueil par exemple, ou dans un message) comme ça:
- Code:
<a href="ADRESSE DU LIEN">Texte du lien</a>
Texte du lien