laurent68

Xenforo 2.x.x Catégorie en couleur style Premium

  • Auteur de la discussion Auteur de la discussion laurent68
  • Date de début Date de début

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
laurent68

Xenforo 2.x.x Catégorie en couleur style Premium

  • Auteur de la discussion Auteur de la discussion laurent68
  • Date de début Date de début
Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet Catégorie en couleur style Premium
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 38
Affichages Affichages 2 893
Réaction Réaction 31
Dernier message par Dernier message par Gr3g62

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 855
Messages
12 608
Solutions
85
J'aime
7 890
Points
198
Dans votre template extra.less ajoutez ces codes :


[HIDEREPLYTHANKS]
Code:
/* Coloured Node Categories By laurent68 */
.block.block--category.block--category26 {
border: 2px solid orange!important;
padding: 3px !important;
border-radius: 2px !important;
box-shadow: 0 3px 2px rgba(0,0,0,.1)!important;
}
.block.block--category.block--category26 .block-header {
background: orange!important;
border-bottom: 3px solid orange!important;
border-left: 1px solid orange!important;
border-right: 1px solid orange!important;
border-top: 1px solid orange!important;
}
.block--category26 .node--id33 { color: orange!important; }
.block--category26 .node--id47 { color: orange!important; }
.block--category26 .node--id27 { color: orange!important; }
.block--category26 .node--id158 { color: orange!important; }
.block--category26 .node-title a { color: orange!important; }
.block--category26 .node-stats .pairs > dt { color: orange!important; }
.block--category26 a.node-extra-title { color: orange!important; }
.block--category26 .u-dt[title] { color: orange!important; }
.block--category26 .node-extra-user .username { color: orange!important; }
.block--category26 .node-subNodeMenu .menuTrigger { color: orange!important; }
.block--category26 .node--unread .node-icon i::before { color: orange!important; }
/**********/
[/HIDEREPLYTHANKS]

Résultat :

9786d9591deb6d0b1e8eb85b4ea4342b.png


db307a2d647ee46ac431c30acbbc63d6.png



PS : Changer les numéros ID par les vôtres.


Crédit : @laurent68
 
salut, merci bien pour ton partage,
sais tu comment modifier la couleur des icons stp?
merci d'avance
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas