Menu
Quoi de neuf ?
Par:
Filtres
  • VIP
    Salut Visiteur, cette couleur de pseudo vous plaît ? Vous pouvez l'obtenir en devenant membre VIP en cliquant ici.

  • Ce qu'il faut savoir

    Crystal Community n'est en aucun cas responsable de vos téléchargements (jeux & DLC...) illégaux sur le forum ! De vos faits sur votre console, si vous (brickez , abîmez votre console) il faudra en assumer les conséquences.
    Vous êtes le seul responsable de vos actes.

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

Alien

Alien

New Member
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.


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;
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;
You must be registered for see links
 
Google AdSense

Google AdSense

GF│R34

GF│R34

Donateur CC|T
Donateur CC|T
Si tu veux que ton bloc sois plus beau je te conseille de mettre ce code a la place :
Code: 
<!--Légende des groupes d'utilisateurs-->
<div class="section">
  <div class="secondaryContent">
<center><h3><i class="fa fa-users"></i>
 - Legende des groupes -</h3></center>
  <div class="username" style="text-align:center;">
   
<span class="style3">Fondateur</span>
<br><span class="style7">Fondatrice</span>   
<br><span class="style4">Administrateur</span>   
<br><span class="style5">Moderateur</span>
<br><span class="style9">Eropolis JM COC</span>   
<br><span class="style6">Streameur</span>
<br><span class="style8">YouTubeur</span>
<br><span class="style2">Membres</span>

  </div>
  </div>
</div>
<!--Fin : légende des groupes d'utilisateurs-->
 
Q

QuezModz

New Member
pourquoi quand je mets sa j'ai pas toutes les couleurs d'afficher sa marche pour les modos et admin mais fondateur et tout sa marche pas :/
 
Fabien Modder

Fabien Modder

Ancien staff CC|T
Ancien staff CC|T
QuezModz a dit:
pourquoi quand je mets sa j'ai pas toutes les couleurs d'afficher sa marche pour les modos et admin mais :smoky: et tout sa marche pas :/
Cliquez pour agrandir...
avant de mettre le odage
Oui ces normale , tu voie par exemple tu va dans " groupes d'utilisateurs " puis tu clic sur suis que tu veux pour moi sa sera " administrateurs " et dans le lien il y auras marquer un chiffre exemple " 7 " tu va le garder dans ta tête .
Puis tu va mettre le codage dans ton template ,
je te montre pour >1 groupes

avant : <br><span class="style4">Administrateur</span>

apres <br><span class="style7">Administrateur</span>

Moi j'ai remplacer le
4 par un 7 donc la couleur sera de ceux des admin .
 
Q

QuezModz

New Member
Ƒαвιєη Mσ∂∂єя a dit:
avant de mettre le odage
Oui ces normale , tu voie par exemple tu va dans " groupes d'utilisateurs " puis tu clic sur suis que tu veux pour moi sa sera " administrateurs " et dans le lien il y auras marquer un chiffre exemple " 7 " tu va le garder dans ta tête .
Puis tu va mettre le codage dans ton template ,
je te montre pour >1 groupes

avant : <br><span class="style4">Administrateur</span>

apres <br><span class="style7">Administrateur</span>

Moi j'ai remplacer le
4 par un 7 donc la couleur sera de ceux des admin .
Cliquez pour agrandir...
malheureusement c'est deja ce que j'ai fais :/
 
Q

QuezModz

New Member
mon code :
You must be registered for see links

un example de code pour dev :
You must be registered for see links

et le rendu :
You must be registered for see links
 
Fabien Modder

Fabien Modder

Ancien staff CC|T
Ancien staff CC|T
QuezModz a dit:
mon code :
You must be registered for see links

un example de code pour dev :
You must be registered for see links

et le rendu :
You must be registered for see links
Cliquez pour agrandir...
ok tu va dans la template " xenforo.css " puis tu cherche :
Code: 
<xen:include template="bb_code_base.css" />
Puis au dessus tu colle
Code: 
.username .style3  <- remplace le 3 par ton groupe ;)
{

ici tu place la couleur de ton groupe .


}
 
WEED974

WEED974

New Member
GF│R34 a dit:
Si tu veux que ton bloc sois plus beau je te conseille de mettre ce code a la place :
Code: 
<!--Légende des groupes d'utilisateurs-->
<div class="section">
  <div class="secondaryContent">
<center><h3><i class="fa fa-users"></i>
 - Legende des groupes -</h3></center>
  <div class="username" style="text-align:center;">
  
<span class="style3">Fondateur</span>
<br><span class="style7">Fondatrice</span>  
<br><span class="style4">Administrateur</span>  
<br><span class="style5">Moderateur</span>
<br><span class="style9">Eropolis JM COC</span>  
<br><span class="style6">Streameur</span>
<br><span class="style8">YouTubeur</span>
<br><span class="style2">Membres</span>

  </div>
  </div>
</div>
<!--Fin : légende des groupes d'utilisateurs-->
Cliquez pour agrandir...
Merci sa marche super sa centre le tout inpeccable :)
 
Vous devez vous connecter ou vous enregistrer pour répondre ici.
Haut