Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier

Message par Méandre. Dim 06 Sep 2015, 16:59

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 07 Sep 2015, 12:19, édité 1 fois
avatar

Méandre.
*

Messages : 31
Inscrit(e) le : 31/08/2015

http://the-yellow-path.forum-officiel.com/
Méandre. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier

Message par Teurancher Dim 06 Sep 2015, 17:31

Salut à toi,
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 Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1435593440-ul-li Affichage Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1435593440-ul-li Couleurs Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1435593440-ul-li 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 {
"6173" est à remplacer par l'ID du membre en question. Pour l'avoir, il suffit de se rendre sur son profil et l'ID sera affichée dans le lien.
Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1441574581-1-id-lien
::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 Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1435593440-ul-li Affichage Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1435593440-ul-li Couleurs Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier 1435593440-ul-li 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.
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une icône (comme le @) dans la ChatBox pour un membre en particulier

Message par Méandre. Lun 07 Sep 2015, 12:18

Ooh merci beaucoup, t'es génial !

Bonne journée !
avatar

Méandre.
*

Messages : 31
Inscrit(e) le : 31/08/2015

http://the-yellow-path.forum-officiel.com/
Méandre. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum