Conditions d'utilisation et règles

Conditions et règles a lire !

Politique de confidentialité

Quelles informations nous détenons sur vous ?

Contacter le Staff

Un problème ? Une question ?

  • 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 !

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

Membres qui ont lu cette discussion (Total: 1) Voir détails

laurent68

Fondateur
Staff
fondateur
Messages
3 347
J'aime
2 979
Points
118
Top réponses
39
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

Contenu caché
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 :

Contenu caché
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 :

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


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

Vous pouvez aussi arrondir les angles, mettez ce code :

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


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

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

Contenu caché
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 :

Contenu caché
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 :

Contenu caché
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
 
Haut Bas