Pseudos personnalisés en fonction du groupe

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

  • 0

Astuce Pseudos personnalisés en fonction du groupe

Message par Matriochka le 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" :




Modification de la feuille de styles

Rendez-vous dans Panneau d’administration ► Affichage ► Couleurs ► Feuille de styles CSS. Collez le code qui suit :
Code:
a span[style="color:#000000"] strong {
background:url(http://illiweb.com/fa/empty.gif) no-repeat;
padding-left:**px;}
Modifications :
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 de groupes.
- background : correspond à l'image que l'on insère avant le pseudo. Ici, vous devez modifier l'URL http://illiweb.com/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.


Lectures complémentaires

Tutoriel sur l’utilisation du CSS

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

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


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