Template 2.0 Améliorer les badges des utilisateurs (bannières de grade) [2.0]

[MoDzCatZ]

On se retrouve pour un nouveau tuto !

Comment améliorer les badges utilisateurs, comme ceci :

Dans EXTRA.less ,ajouter :
​

[class*="banner_"], .userBanner {
position: relative;
display: inline-block !important;
font-family: Monaco,Consolas,"Courier New",monospace !important;
margin: 4px 0 5px !important;
font-size: 10px !important;
color: #fff !important;
text-shadow: #111 0 0 1px !important;
border-radius: 5px !important;
border-color: transparent !important;
margin-bottom: 0px !important;
padding: 4px 8px !important;
letter-spacing: .5px !important;
border: 0 !important;
text-transform: uppercase !important;
/*width: 120px !important;*/
line-height: 15px !important;
}
.userBanner::before {
font-family: FontAwesome;
content: "\f007";
color: #fff;
position: absolute;
background-color: rgba(0,0,0,0.2);
top: 0;
bottom: 0;
left: 0;
line-height: 23px;
/*padding: 1px 4px 0 3px;*/
width: 20px;
text-align: center;
}
.userBanner strong {
min-width: 90px;
display: inline-block;
margin-left: 20px;
}

Voila

​

 

[BlackBetting]

merci

 

[Bl4z3r]

Merci de ton partage ça peut me être utile

 

[OTuGaMoDz]

merci du partage

 

[Squeakers]

Salut, merci du partage

 

[DumpLeaks]

Pas mal la ptite modif ! merci encore

 

[princedusat]

MERCI DU PARTAGE MONSIEUR

 

[Membre754]

Ah sa ça va m'être utile, je le cherchai également merci
*édit* Se n'est pas ce que je cherchais..

 

[NeexT]

Merci du partage

 

[ImSinaroo]

Merci c'est sympa

 

[Lucifer]

Merci c’est cool !

 

[bobob10]

j'aime bien le style sa peux être sympas merci

 

[Court-circuit]

Bonjour

Une fois de plus , je prends avec grand plaisir , c'est une fois de plus , une belle amélioration .

 

[Tokio]

C'est propre merci pour tous tes partages :P

 

[Nick Burkhardt]

merci espérant que ça fonctionne sur mon thème ...

 

[Parias]

On se retrouve pour un nouveau tuto !

Comment améliorer les badges utilisateurs, comme ceci :

Dans EXTRA.less ,ajouter :
​

[Contenu caché]

Voila

​

Je regrette pas d'avoir trouver ce forum

 

[TomPablo]

Merci gros sa fait plaisir

 

[Gevail]

C'est vraiment sympa, comme toujours

 

[titcrunch]

merci pour la manip

Perso j'ai modifié :

/*width: 120px !important;*/

en

width: 100% !important;

pour qu'il soi compatible avec tous les thèmes et toutes les tailles de posbit et prenne toute la largeur et reste responsive

 

[creezixky]

C'est pas mal