Pseudos personnalisés en fonction du groupe

par Matriochka Mer 4 Sep 2013 - 20:39

Pseudos personnalisés en fonction du groupe

L’astuce qui suit vous permettra de personnaliser les pseudos des membres de votre forum Forumactif, en fonction du groupe dont ils font partie.

Voici un exemple de ce que l’on peut faire :

Lorsqu’un membre fait partie du groupe "Aidactifs" :
Lorsqu’un membre fait partie du groupe "Adminactifs" :
Aperçu général depuis le "Qui est en ligne" :

Insertion du CSS

Panneau d'administration  Affichage  Images et Couleurs - Couleurs (Onglet Feuille de style CSS)

Ajoutez le code suivant :

Code:: a span[style="color:#000000"] strong { background:url(https://2img.net/i/fa/empty.gif) no-repeat; padding-left:**px;}

Dans le code donné ci-dessus, afin que l'astuce fonctionne, vous devez modifier :

span[style="color:#000000"] : remplacez #000000 par le code couleur correspondant au groupe que vous désirez changer. Vous pourrez trouver ce code dans :

Panneau d'administration  Utilisateurs et groupes  Groupes - Administration des groupes
background : correspond à l'image que l'on insère avant le pseudo. Ici, vous devez modifier l'URL https://2img.net/i/fa/empty.gif par l'URL de votre image ;
padding-left : permet d'ajouter une marge à gauche du pseudo afin de faire apparaître l'image. Ici, vous devez modifier **px : les ** correspondent à la largeur de votre image. Si l'image fait 16 pixels de largeur par exemple, il faudra le renseigner avec : 16px.

Plus de personnalisation…

Toujours en utilisant l'identifiant donné plus haut et en changeant la couleur du groupe :

Code:: a span[style="color:#000000"] strong

Vous pourrez personnaliser comme bon vous semble les pseudos de vos membres en fonction des groupes. Par exemple : les encadrer, leur donner un fond, une police particulière, une ombre… Pour plus d'informations sur la personnalisation CSS, lisez le tutoriel donné ci-dessous.

 Voir aussi le tutoriel Le CSS, comment ça marche ?