1 résultat trouvé pour subforum

Cibler un sous-forum avec du CSS

Bonjour !

Alors, je suppose que c'est pour le forum https://pkmn-lumiatest.forumactif.com/ mais avec ce que je vois dans la page, je n'en suis pas sûr.
Pour commencer, j'ai l'impression que ".subforumrps" n'existe pas.
La structure des lien vers les sous-forums ressemble plutôt à ceci :

Code:: <div id="subforum"><span><a href="/f12-questions" title="" class="gensmall">Questions</a>, <a href="/f13-absences" title="" class="gensmall">Absences</a></span></div>

Donc pour cibler le f12 par exemple, il faudrait plutôt faire comme ceci :

Code:: #subforum a.gensmall[href^="/f12-"]{ background-color: green; }

Par contre, petite remarque : normalement, un id est unique sur une page. Ici, tel que c'est écrit, vous avez plusieurs fois l'id "subforum", ça pourrait poser problème (notamment si vous voulez le cibler avec du JavaScript). Je vous propose de plutôt remplacer ça par class="subforum" et donc changer #subforum par .subforum dans le CSS que je vous ai donné (et partout sur vos autres CSS qui cibleraient #subforum).

Après, potentiellement, il est possible de faire la même chose en JavaScript.
Comme je disais, il faudrait d'abord changer l'id en class pour être plus propre, puis on pourrait cibler chaque élément comme ceci :

Code:: $('.subforum a.gensmall[href^="/f12-"]').css('background-color', 'green');

Ne pas oublier de rajouter $(function(){ avant et }); après sur le script final, et ça pourrait donner ceci :

Code:: $(function(){ $('.subforum a.gensmall[href^="/f12-"]').css('background-color', 'green'); $('.subforum a.gensmall[href^="/f13-"]').css('background-color', 'red'); $('.subforum a.gensmall[href^="/f15-"]').css('background-color', 'blue'); });

Comme ça, plus de CSS dans la feuille de style et vous évitez même de passer par la gestion des images.
Mais on pourrait faire encore mieux, il y a plein de façons de faire, je vous laisse me dire si vous en voulez d'autres !