[CSS │ XENFORO ] Code Bloc Liste Des Groupes D'utilisateur.

  • Auteur de la discussion Auteur de la discussion XTR4K
  • Créé le Créé le

XTR4K

#Graphisme #Xenforo #Games
Premium
Inscription
29 Septembre 2013
Messages
736
Réactions
425
Points
5 864
RGCoins
25
1422707351-entre-text.png


Bonjours tout le monde voici quelque code CSS pour vos forum ou autre qui nécessite un code CSS

Direction template de votre style : Forum List puis ajouté ceci en dessous de n'importe quelle bloc

Code:
<!--Légende des groupes d'utilisateurs-->
<div class="section">
<div class="secondaryContent">
<h3><a href="members/?type=staff" title="Liste des groupes du forum" class="Tooltip">Liste des groupes d'utilisateur</a></h3>
<div class="username" style="text-align:center;">
<span class="style3">Administrateurs</span>
| <span class="style4">Modérateurs</span>
<span class="style8">Modérateurs Shoutbox</span>
| <span class="style5">Premium</span>
| <span class="style9">Graphistes</span>
<span class="style10">Moddeurs</span>
| <span class="style2">Membres</span>
</div>
</div>
</div>
<!--Fin : légende des groupes d'utilisateurs-->

Comment l'utilisé ? Ceci est tout simple direction les templates de votre style et chercher > Forum List.
Ensuite cherché le bloc "Statistique du forum" descendez a la fin de ce bloc et coller le code ci dessus.
"style9 5 etc ... a quoi correspond cette partit de code : c'est tout simple c'est ce qui va correspondre au code que css que vous avez mit dans le style à la création de votre groupe.
Le chiffre correspond a quoi ? le chiffre c'est l'id de votre groupe.
Comment connaitre l'id du groupe ? tout simple vous allez dans les groupes d'utilisateurs et vous passez votre souris sur le nom du groupe, ne cliquez pas, ensuite regardez en bas un gauche il y auras un sorte de lien avec en dernier un chiffre ce chiffre correspond a l'id de votre groupe , par la suite vous aurez juste a remplacer ces chiffres par le bon chiffre.

1422707351-entre-text.png


Maintenant voici quelle que style de groupe assez sympas


Fondateur :
Code:
color: #DC143C;
font-weight: bold;
text-shadow: 0 0px 5px #FF0000, 0 0 5px #FF0000;
border-color: #FF0000;
background: url('http://i.imgur.com/Q5arH.gif') repeat scroll 0% 0% transparent;
Administrateur :
Code:
color: #00FF00;
font-weight: bold;
text-shadow: 0 0px 5px #008000, 0 0 5px #008000;
border-color: #008000;
background: url('http://i.imgur.com/Q5arH.gif') repeat scroll 0% 0% transparent;
Modérateur :
Code:
color: #00BFFF;
font-weight: bold;
text-shadow: 0 0px 5px #0000FF, 0 0 5px #0000FF;
border-color: #0000FF;
background: url('http://i.imgur.com/Q5arH.gif') repeat scroll 0% 0% transparent
Assistant :
Code:
color: #ADFF2F;
font-weight: bold;
text-shadow: 0 0px 15px #FFFF00, 0 0 10px #FFFF00;
border-color: #FFFF00;
background: url('http://i.imgur.com/Q5arH.gif') repeat scroll 0% 0% transparent;
Graphiste :
Code:
color: #7CFC00;
font-weight: bold;
text-shadow: 0 0px 5px #D02090, 0 0 5px #D02090;
border-color: #D02090;
Moddeur :
Code:
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 0px 5px #0000CD, 0 0 5px #0000CD;
border-color: #0000CD;
[code]
VIP : 
[code]
color: #FFD700;
text-shadow: #FFD700 0px 0px 5px;
background: transparent url('http://forum.ragezone.com/images/backround18.gif')no-repeat;
Membre :
Code:
color: #FFA07A;
font-weight: bold;
text-shadow: 0 0px 5px #F08080, 0 0 5px #F08080;
border-color: #F08080;
Screen des couleurs :

  • 1422707351-entre-text.png
 
Pourquoi s'emmerder quand il y a un addon ?
 
Beau taff, mes tes couleurs sont sales x) ..
 
comment on peut mettre les textes plus grand genre Administrateur dans la liste des groupes en plus grand ?
 
class = font-size: 20 px; comme sa ?
Je t'invite à aller apprendre le CSS. Il faut que tu appliques une class ou id au texte que tu souhaites modifier, et ensuite tu modifies la class ou id dans EXTRA.css avec font-size: xx px;
 
Roh c'est de la simplicité :P
 
Retour
Haut