Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier
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
Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://yellowpath.forum-officiel.fr/
Description du problème
Bonsoir !J'aurais voulu savoir si c'était possible, comme quand on change le @ pour les modérateurs dans la CB, de mettre une icône à côté des pseudos d'autres membres, choisis ?
Merci beaucoup !
Dernière édition par Méandre. le Lun 7 Sep 2015 - 18:19, édité 1 fois
Re: Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier
Salut à toi,
Je vais te proposer deux alternatives le plus clairement possible. ^-^
Panneau d'administration Affichage Couleurs Feuille de style CSS
Insérer le code suivant:
::before fait appliquer le tout avant le pseudo.
En vert est l'image voulue qui est mise en fond.
En violet le caractère "A" afin de faire apparaître quelque chose.
En bleu, on évite les répétitions et on fait tenir le tout correctement.
En noir, on met les dimensions de l'image en question. Ici, 10x10.
En rouge, on crée un espace entre l'image et le pseudo.
En orange, on fait disparaître le "A" tout en gardant le reste.
En turquoise, on fait descendre l'image de 3px vers le bas.
Panneau d'administration Affichage Couleurs Feuille de style CSS
Insérer le code suivant:
Il s'agit là du même code, pas besoin de réexpliquer donc.
J'espère que tout est assez clair. N'hésite pas si tu as des questions.
Je vais te proposer deux alternatives le plus clairement possible. ^-^
- ALTERNATIVE N°1: Appliquer l'image avant le pseudo pour des utilisateurs précis (peu importe le groupe)
Panneau d'administration Affichage Couleurs Feuille de style CSS
Insérer le code suivant:
- Code:
span[data-user="6173"]::before {
background-image: url("http://beta.ifops.com/app/webroot/img/arrow-1.gif");
content: "a";
display: inline-block;
height: 10px;
width: 10px;
margin-right: 2px;
color: transparent;
position: relative;
top: 3px;
}
- Code:
span[data-user="6173"]::before {
::before fait appliquer le tout avant le pseudo.
background-image: url("http://beta.ifops.com/app/webroot/img/arrow-1.gif");
content: "a";
display: inline-block;
height: 10px;
width: 10px;
margin-right: 2px;
color: transparent;
position: relative;
top: 3px;
}
En vert est l'image voulue qui est mise en fond.
En violet le caractère "A" afin de faire apparaître quelque chose.
En bleu, on évite les répétitions et on fait tenir le tout correctement.
En noir, on met les dimensions de l'image en question. Ici, 10x10.
En rouge, on crée un espace entre l'image et le pseudo.
En orange, on fait disparaître le "A" tout en gardant le reste.
En turquoise, on fait descendre l'image de 3px vers le bas.
- ALTERNATIVE N°2: Appliquer l'image avant le pseudo pour tous les utilisateurs d'un groupe
Panneau d'administration Affichage Couleurs Feuille de style CSS
Insérer le code suivant:
- Code:
#chatbox_members span[style="color:#couleur_du_groupe"]::before, #chatbox span[style="color:#couleur_du_groupe"]::before {
content: "a";
display: inline-block;
height: 10px;
width: 10px;
margin-right: 2px;
color: transparent;
position: relative;
top: 3px;
} }
Il s'agit là du même code, pas besoin de réexpliquer donc.
J'espère que tout est assez clair. N'hésite pas si tu as des questions.
Re: Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier
Ooh merci beaucoup, t'es génial !
Bonne journée !
Bonne journée !
Sujets similaires
» Mettre une image dans un titre sujet (comme pour les catégories) {Abandonné}
» Comment mettre une image + un fond particulier pour la citation ?
» Peut on mettre un avatar d'office pour certain groupe comme on le fait pour les invités?
» Comment faire pour que le membre qui écris ai une couleur définie en haut de son message comme dans l'exemple sur ce sujet ?
» Comment changer la couleur des titres dans le QEEL ou mettre une image titre comme dans les catégories ?
» Comment mettre une image + un fond particulier pour la citation ?
» Peut on mettre un avatar d'office pour certain groupe comme on le fait pour les invités?
» Comment faire pour que le membre qui écris ai une couleur définie en haut de son message comme dans l'exemple sur ce sujet ?
» Comment changer la couleur des titres dans le QEEL ou mettre une image titre comme dans les catégories ?
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