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 !

Merci beaucoup !

ça c'est la vie

Merci !

Vraiment désolé pour le double post, je ne comprends pas à quel endroit il faut aller exactement pour appliquer le code. Feuille de style CSS ?

Merci :)

cool !

merci bcp !

merci beaucoup !

Merci !

Merci beaucoup !

Merci beaucoup !

merci infiniment !

Merci beaucoup !

ça ne marche pas je crois

Merci!

Merci

Merci pour ce tuto.

Merci beaucoup, cela m'a aidé à personnaliser ma barre de navigation !
Cependant, je n'arrive pas à trouver commencer changer l'apparence de l'onglet MP pour qu'il se mette en rouge lorsqu'on reçoit un nouveau message privé. Parce qu'actuellement, ça ne fait rien si ce n'est qu'une boite s'ouvre pour annoncer le nouveau message. :/

Merci !

Double poste désolé mais.. j'ai collé le codage dans ma feuille de CSS et ma barre de navigation est toujours présente. Je ne comprends pas ce que je dois faire ensuite ?