limité le champ d'action d'un code CSS

[elsydeons]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://le-sanctuaire.forumactif.com/

Description du problème

Bonjour,

J'ai trouvé ce code CSS qui convient assez bien à mon forum. Il me permet de modifier l'apparence des catégories. Enfin en théorie car il agit sur l'ensemble du forum.

Code:

a.forumlink{
  display:block;
  font-size:20px; /* la taille de la police */
  padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
  text-align:center;
  font-variant:small-caps; /* Les petites capitales */
  color:#277bb3 !important; /* On force l'application de cette propriété grâce au !important */
  border-bottom:4px double #1e5b66;
  font-weight:normal; /* Le texte non boldé */
  margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
  }

J'aurais souhaité qu'il n'agisse que sur les titres des catégories sur ma page principale et nul part ailleurs. Si vous aviez une piste.

Je vous remercie d'avance

[elsydeons]

Petit up

[elsydeons]

UP

[◦Jay◦]

Bonjour, vous pouvez le faire de cette manière(pour la première catégorie) :

Code:

.forumlink[href="/c17-le-nexus"]{
  display:block;
  font-size:20px; /* la taille de la police */
  padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
  text-align:center;
  font-variant:small-caps; /* Les petites capitales */
  color:#277bb3 !important; /* On force l'application de cette propriété grâce au !important */
  border-bottom:4px double #1e5b66;
  font-weight:normal; /* Le texte non boldé */
  margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
  }

Mais je vois que vous avez ajouté des ID, vous pouvez donc les nommer directement :

Code:

#cat_game5,#cat_game4,#cat_game3,#cat_game2,#cat_game1,.forumlink[href="/c17-le-nexus"]{
  display:block;
  font-size:20px; /* la taille de la police */
  padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
  text-align:center;
  font-variant:small-caps; /* Les petites capitales */
  color:#277bb3 !important; /* On force l'application de cette propriété grâce au !important */
  border-bottom:4px double #1e5b66;
  font-weight:normal; /* Le texte non boldé */
  margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
  }

Bien à vous.

[elsydeons]

Impeccable, merci beaucoup.