Enlever des liens de la navigation

Rappel du premier message :

Enlever des liens de la navigation

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

Merci Alumine ! Je rêvais d'enlever la faq depuis un petit bout de temps

Génial Merci! :)

Merci d'avance !

Merci pour ce tutoriel ! :)

Merci ! (:

Super idée !

Merci =D

troooop merci.

Merci !! =)

cool, merci :)

Merci n_n

Parfait ! Merci

*curieuse comme un chat*

ty

Génial, ça fait des heures que je me casse la tête à chercher comment retirer tout ça! Merci

Merci

ça peut aider.

merciiii

Merci!

Merci !

Hop, je suis très intéressé par ça tiens, merci ! ~

Merci pour ton partage Alu *-*

Je vais faire un tuto sur la barre de navigation également, je mettrai un petit lien vers ce tuto là en complément ~

Exactement ce que je cherche !

Merci ! o/

TU ME SAUVES LA VIE.

Merci !!!