Télécharger XenForo 2.1.1 Full/Upgrade - Télécharger XenForo Resource Manager 2.1.1 - Télécharger XenForo Media Gallery 2.1.1
  • Bienvenue sur Societyfrenchmodding !


    Societyfrenchmodding, est une communauté francophone fondée sur le principe de partage et entraides. Vous avez des questions ? n'hésitez pas a les poser, nous somme là pour vous répondre. L'inscription est gratuite, profitez en et rejoignez-nous !

  • Mod Manager BY Societyfrenchmodding!

    Télécharger

    notre Mod Manager MR ROBOT BY JOE ,

    Compatible Tout SPRX

    et encore d'autre Mod !

  • Mod Manager BY Societyfrenchmodding!

    Télécharger

    notre Mod Manager Spécial RAP Society

    et encore d'autre Mod !

Template Styler vos préfix simplement dans votre extra.css

laurent68

Fondateur
Staff
fondateur
Messages
J'aime
Points
Localité
Haut Rhin
#1
Dans ce tuto je vais vous montrer sous différente étape comment styler vos prefix.

Etape 1 :
Préfix d'origine :


Pour rendre vos préfix plat ajouter ce code dans votre template extra.css

Vous devez répondre au message pour voir ce contenu.
Résultat :


===================================================================
Etape 2

Pour changer la couleur de votre préfix mettre ce ccode :

Vous devez aimer ce message pour voir ce contenu.
Résultat :


Le code prefixRoyalBlue correspond a la couleur du préfix, la sur le model j'ai prix le bleu.
PS: Si vous changer la couleur tout vos préfix bleu Royal seront changer.

====================================================================
Etape 3

Vous pouvez aussi faire les bordures plus grosse, mettre ce code :

Vous devez aimer ce message pour voir ce contenu.
Résultat :


====================================================================
Etape 4

Vous pouvez aussi arrondir les angles, mettez ce code :

Vous devez aimer ce message pour voir ce contenu.
Résultat :


====================================================================
Etape 5

Vous pouvez aussi ajouter un icone FA, mettez ce code :

Vous devez aimer ce message pour voir ce contenu.
Résultat :


PS : La aussi l'icone FA sera le même pour les préfix que vous avez en bleu Royal.

====================================================================
Etape 6

Vous pouvez aussi mettre un cadre autour de votre FA, mettez ce code :

Vous devez aimer ce message pour voir ce contenu.
Résultat :


Sinon simplement en laissant la couleur d'origine et en mettant un FA qui s'adapte a toute les catégories
Mettez ce code :

Vous devez aimer ce message pour voir ce contenu.
Résultat :


====================================================================
Résumer :

Pour avoir les péfix plat mettez le premier code ensuite a vous de choisir si vous voulez changer la couleur,
et si vous vous voulez ajouter un icone FA.
Pour changer les angles suffit de changer la valeur du border-radius ou de le supprimer.

Voici quelques codes des autres couleur préfix :

Le préfix jaune = .prefix.prefixYellow

Le préfix vert claire = .prefix.prefixLightGreen

Le préfix vert olive = .prefix.prefixOlive

C'est code sont a mettre a la place du code .prefix.prefixRoyalBlue


1).prefix.prefixPrimary
2).prefix.prefixSecondary
3).prefix.prefixGreen
4).prefix.prefixOlive
5).prefix.prefixLightGreen
6).prefix.prefixBlue
7).prefix.prefixRoyalBlue
8).prefix.prefixSkyBlue
9).prefix.prefixRed
10).prefix.prefixOrange
11).prefix.prefixYellow
12).prefix.prefixGray
13).prefix.prefixSilver


Voila ce tuto est terminer !

Crédit : @laurent68
 

Sujets similaires


Haut Bas