Navigation - Remplacer "Déconnexion [ Pseudo ]" par un autre texte

Hello,

Si dans votre barre de navigation vous affichez les textes, la présence du pseudo peut parfois vous gêner / prendre trop de place ! Voici comment le remplacer rapidement en CSS pour mettre le texte de votre choix.

Information : Testé sur phpbb2

Exemple

Code CSS

Le code est à placer ici :
PA > Affichage > Gestion des images & couleurs > Couleurs > Feuille de style CSS

Code:

/* Remplacer le lien déconnexion */
#logout {
  font-size: 0!important; /* on cache le lien */
  letter-spacing: normal!important; /* on enlève un eventuel letter spacing présent */
}

/* Lien déconnexion faux texte */
#logout::after {
  content: "Quitter"; /* nouveau texte*/
  font-size: 12px; /* taille du texte */
  /* style supplémentaire à mettre ici */
}
/* Fin remplacer le lien déconnexion */

La partie à modifier est celle-ci :

Code:

#logout::after {
  content: "Quitter"; /* nouveau texte*/
  font-size: 12px; /* taille du texte */
  /* style supplémentaire à mettre ici */
}

Le !important est seulement là pour éviter qu'une personnalisation de la navigation ne passe pas "au dessus" de notre code CSS

Vous pouvez remplacer "Quitter" par un autre texte
Le 12px doit être remplacé par la même taille de police que le reste de votre barre de navigation :)

BONUS:

N'oubliez pas de mettre sur votre forum un remerciement pour Never Utopia

Wesh, j'ai testé et c'est bien cool tout ça, j'approuve totalement :3
Ca fonctionne sur Opera, Mozilla, IE et Chrome comme j'ai tout regardé. Voilà

Bouh!

Alors ça fonctionne aussi chez moi, sur toutes les versions sauf safari. Pareil que ton générateur de code pour CB en fait. C'est comme si le "Déconnexion [Admin]" était encore là en invisible et on peut pas cliquer sur le quitter : https://2img.net/r/hpimg15/pics/459614Sanstitre.png Je sais pas pourquoi Safari ne m'aime pas T_T Je l'ai même désinstallé et réinstallé pour voir, mais ça n'a rien fait.

Coucou Onyx !

Est ce que tu pourrais me dire quelle version de Safari tu utilises ? Sur mon Safari je n'ai aucun souci
C'est possible que ça soit une très vieille version (que plus personne n'utilise) et donc que le problème soit "acceptable"

Nan mais Safari c'est le nouvel IE depuis quelques temps t'façon x) (enfin je trouve U_U).

En tout cas très bonne idée d'utiliser ::after^^ En voyant le titre j'ai pensé que tu avais utilisé du JS pour remplacer les mots directement, mais c'est plus léger comme ça.
D'ailleurs y'a pas deux ":" pour after et before ? Je crois que j'en mets deux à chaque fois moi.

En fait, en CSS2 il y a en a un seul et en CSS3 il y en a 2 pour éviter de confondre avec les pseudo-classes xDDD
Je garde l'habitude d'en mettre un seul car ça marche encore , mais il faut que je me force un peu à mettre les 2, du coup j'ai édité ça :)

J'en profite pour valider et déplacer ^^

Ah merci beaucoup, c'est exactement ce que je recherchais :') !

Merci pour le partage !

Je suis curieuse de voir ça
merci pour le tuto :)