Télécharger XenForo 2.1.3 Full/Upgrade - Télécharger XenForo Resource Manager 2.1.2 - Télécharger XenForo Media Gallery 2.1.2
  • 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

laurent68

Fondateur
Staff
fondateur
Messages
J'aime
Points
Localité
Haut Rhin
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