Résolu Changer la couleur d'une catégorie CSS

Rainbow Dash

I will be your father christmas
Premium
Inscription
12 Décembre 2015
Messages
230
Réactions
79
Points
7 096
RGCoins
25
Salut tous le monde, j'aurais besoin d'aide. J'aimerais m'inspirer du système de XenForo pour pouvoir colorer une catégorie particulière, malheureusement, c'est inexistant sur IPB.

J'aimerais donc faire la chose suivante en CSS:

SI l'id de la category = 20 dans la div. ALORS on utilise le code CSS indiqué entre {}

ccb4caec138d4f77927975073782754b.png


Pour résumer, j'aimerais que le CSS de maintitle sois différent de toutes les autres catégories SEULEMENT si la catégorie est définie par la div id=category_XX voulu.

Si quelqu'un pouvait m'envoyer le code CSS, sa serais très gentil à lui.


Je vais encore, résumer avec le CSS pour bien me faire comprendre.

En gros, si l'id de la catégorie est 20 alors le CSS de maintitle sera:
.maintitle{



    • background: #22242d;
    • color: #fff;
    • padding: 12px 15px 12px;
    • font-size: 17px;
    • font-weight: 300;

    • -moz-border-radius: 0;
    • -webkit-border-top-left-radius: 0;
    • -webkit-border-top-right-radius: 0;
    • border-radius: 0;

    • -webkit-box-shadow: 0;

    • -moz-box-shadow: 0;

    • box-shadow: 0;
    • border-width: 0;
    • border-color: #22242d;
    • border-style: solid;
}



Merci d'avance :)
 

Louki

Ancien staff
Inscription
12 Mars 2021
Messages
7 536
Réactions
4 583
Points
10 116
RGCoins
0
Salut tous le monde, j'aurais besoin d'aide. J'aimerais m'inspirer du système de XenForo pour pouvoir colorer une catégorie particulière, malheureusement, c'est inexistant sur IPB.

J'aimerais donc faire la chose suivante en CSS:

SI l'id de la category = 20 dans la div. ALORS on utilise le code CSS indiqué entre {}

ccb4caec138d4f77927975073782754b.png


Pour résumer, j'aimerais que le CSS de maintitle sois différent de toutes les autres catégories SEULEMENT si la catégorie est définie par la div id=category_XX voulu.

Si quelqu'un pouvait m'envoyer le code CSS, sa serais très gentil à lui.


Je vais encore, résumer avec le CSS pour bien me faire comprendre.

En gros, si l'id de la catégorie est 20 alors le CSS de maintitle sera:
.maintitle{



    • background: #22242d;
    • color: #fff;
    • padding: 12px 15px 12px;
    • font-size: 17px;
    • font-weight: 300;

    • -moz-border-radius: 0;
    • -webkit-border-top-left-radius: 0;
    • -webkit-border-top-right-radius: 0;
    • border-radius: 0;

    • -webkit-box-shadow: 0;

    • -moz-box-shadow: 0;

    • box-shadow: 0;
    • border-width: 0;
    • border-color: #22242d;
    • border-style: solid;
}



Merci d'avance :)


Si j'ai bien compris, tu veux que le block qui est dans la category_20 soit différent?

Du coup,

#category_20 .maintitle {code CSS}

Je te conseil plutot une condition pour ajouter une class mais comme tu veux :-)
 
Cette réponse a aidé l'auteur de cette discussion !

Rainbow Dash

I will be your father christmas
Premium
Inscription
12 Décembre 2015
Messages
230
Réactions
79
Points
7 096
RGCoins
25
Si j'ai bien compris, tu veux que le block qui est dans la category_20 soit différent?

Du coup,

#category_20 .maintitle {code CSS}

Je te conseil plutot une condition pour ajouter une class mais comme tu veux ::):
Ok, quand j'inspecte l'élément c'est nickel, mais sa s'affiche toujours pas..

Jette un oeil:


Mais après il y a ça:


Quand je le décoche sa fonctionne, mais le petit outils pour remonter en haut de page ne fonctionne plus (devient transparent)

Une idée ? J'ai placé le CSS de la catégorie 20 au dessus de main title une idée d'où-je dois le placer ?


Merci à toi d'avance <3
 

Louki

Ancien staff
Inscription
12 Mars 2021
Messages
7 536
Réactions
4 583
Points
10 116
RGCoins
0
Ok, quand j'inspecte l'élément c'est nickel, mais sa s'affiche toujours pas..

Jette un oeil:


Mais après il y a ça:


Quand je le décoche sa fonctionne, mais le petit outils pour remonter en haut de page ne fonctionne plus (devient transparent)

Une idée ? J'ai placé le CSS de la catégorie 20 au dessus de main title une idée d'où-je dois le placer ?


Merci à toi d'avance <3
Ajoute un !important pour tester ? ;p
 

Rainbow Dash

I will be your father christmas
Premium
Inscription
12 Décembre 2015
Messages
230
Réactions
79
Points
7 096
RGCoins
25
Tout ce qui a dans #category_20 .maintitle {code CSS} tu met en !important ;)
J'ai juste mis à côter de la couleur, c'est nickel.


Merci énormément à toi pour ton aide.

Bonne journée :) <3
 
Haut