Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
Changer la couleur d'une catégorie CSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Rainbow Dash" data-source="post: 6876409" data-attributes="member: 609645"><p><span style="font-family: 'MyriadPro'">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.</span></p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">J'aimerais donc faire la chose suivante en CSS:</span></p><p><em><span style="font-family: 'MyriadPro'">SI l'id de la category = 20 dans la div. ALORS on utilise le code CSS indiqué entre {}</span></em></p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'"><img src="http://image.prntscr.com/image/ccb4caec138d4f77927975073782754b.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">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.</span></p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">Si quelqu'un pouvait m'envoyer le code CSS, sa serais très gentil à lui.</span></p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'"></span></p><p><em><span style="font-family: 'MyriadPro'">Je vais encore, résumer avec le CSS pour bien me faire comprendre.</span></em></p><p><em><span style="font-family: 'MyriadPro'"></span></em></p><p><em><span style="font-family: 'MyriadPro'">En gros, si l'id de la catégorie est 20 alors le CSS de maintitle sera:</span></em></p><p><em><span style="font-family: 'MyriadPro'">.maintitle{</span></em></p><p> <em><span style="font-family: 'MyriadPro'"></span></em></p><ol> <li data-xf-list-type="ol"><br /> <em><span style="font-family: 'MyriadPro'"><br /> <ul> <li data-xf-list-type="ul"> background: #22242d;</li> </ul><ul> <li data-xf-list-type="ul"> color: #fff;</li> </ul><ul> <li data-xf-list-type="ul"> padding: 12px 15px 12px;</li> </ul><ul> <li data-xf-list-type="ul"> font-size: 17px;</li> </ul><ul> <li data-xf-list-type="ul"> font-weight: 300;</li> </ul><ul> <li data-xf-list-type="ul"><br /> -moz-border-radius: 0;</li> </ul><ul> <li data-xf-list-type="ul"> -webkit-border-top-left-radius: 0;</li> </ul><ul> <li data-xf-list-type="ul"> -webkit-border-top-right-radius: 0;</li> </ul><ul> <li data-xf-list-type="ul"> border-radius: 0;</li> </ul><ul> <li data-xf-list-type="ul"><br /> -webkit-box-shadow: 0;</li> </ul><ul> <li data-xf-list-type="ul"><br /> -moz-box-shadow: 0;</li> </ul><ul> <li data-xf-list-type="ul"><br /> box-shadow: 0;</li> </ul><ul> <li data-xf-list-type="ul"> border-width: 0;</li> </ul><ul> <li data-xf-list-type="ul"> border-color: #22242d;</li> </ul><ul> <li data-xf-list-type="ul"> border-style: solid;</li> </ul></span></em></li> </ol><p><em><span style="font-family: 'MyriadPro'">}</span></em></p><p><em></em></p><p><em></em></p><p><em></em></p><p><em>Merci d'avance <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></em></p></blockquote><p></p>
[QUOTE="Rainbow Dash, post: 6876409, member: 609645"] [FONT=MyriadPro]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:[/FONT] [I][FONT=MyriadPro]SI l'id de la category = 20 dans la div. ALORS on utilise le code CSS indiqué entre {}[/FONT][/I] [FONT=MyriadPro] [IMG]http://image.prntscr.com/image/ccb4caec138d4f77927975073782754b.png[/IMG] 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. [/FONT] [I][FONT=MyriadPro]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{ [/FONT][/I] [LIST=1] [I][FONT=MyriadPro] [LIST][*] background: #22242d;[/LIST] [LIST][*] color: #fff;[/LIST] [LIST][*] padding: 12px 15px 12px;[/LIST] [LIST][*] font-size: 17px;[/LIST] [LIST][*] font-weight: 300;[/LIST] [LIST][*] -moz-border-radius: 0;[/LIST] [LIST][*] -webkit-border-top-left-radius: 0;[/LIST] [LIST][*] -webkit-border-top-right-radius: 0;[/LIST] [LIST][*] border-radius: 0;[/LIST] [LIST][*] -webkit-box-shadow: 0;[/LIST] [LIST][*] -moz-box-shadow: 0;[/LIST] [LIST][*] box-shadow: 0;[/LIST] [LIST][*] border-width: 0;[/LIST] [LIST][*] border-color: #22242d;[/LIST] [LIST][*] border-style: solid;[/LIST][/FONT][/I] [/LIST] [I][FONT=MyriadPro]}[/FONT] Merci d'avance :)[/I] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
Changer la couleur d'une catégorie CSS
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut