[AwesomeBB] Modifier l'apparence d'un sous-forum d'archivage

[Tony-DmCo]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://diamant-mandarin-co.forumactif.com

Description du problème

Bonsoir à tous et à toutes,

Je viens de créer un sous-forum d'archivage (en m'inspirant de ce ui existe sur le forum des forums).

Je cherche à le différencier.
Si quelqu'un serait m'aider svp, pour pouvoir modifier son apparence. Comme le material-icons et la couleur de fond et contour.

Voici un lien pour visualiser ce sous-forum intitulé "Archives rassemblements" : https://diamant-mandarin-co.forumactif.com/f23-rassemblements

Merci pour votre aide, cordialement.
Tony

[MlleAlys]

Bonjour,
Si le principe vous va, vous pouvez passer ce forum en mode "verrouillé", puis utiliser les codes css suivant pour changer l'apparence des forums verrouillés :

Pour changer la couleur de fond :

Code:

.forum-section.forum_locked {
  background: #d0afaf;
}

Pour changer la couleur de fond de l'icone :

Code:

.forum-section.forum_locked .forum-icon {
  background: black;
}

Pour changer le symbole de l'icone :

Code:

.forum-section.forum_locked .forum-icon i:after {
  content: "book";
  font-size: 17px;
}
.forum-section.forum_locked .forum-icon i {
  font-size: 0;
}

(vous pouvez regarder ici si une icone en particulier vous plait, ici j'ai choisi l'icone "book" :
https://fonts.google.com/icons )

[Tony-DmCo]

Bonjour MlleAlys,

Merci pour cette solution, elle me convient   .

Cependant, il y a un soucis lorsque l'on applique une couleur de fond du descriptif du forum, une zone blanche apparait. Je l'ai adapté en appliquant plutôt un contour et aussi en ajoutant un margin-left pour le placement du nouvel icone.

Je partage le code que j'ai appliqué:

Code:

.forum-section.forum_locked .forum-icon i:after {content: "inventory_2";font-size: 17px;margin-left:-10px;}
.forum-section.forum_locked .forum-icon i {font-size: 0px;}
.forum-section.forum_locked .forum-icon {background: black;}
.forum-section.forum_locked {border: 1px solid #BFBFBF;}


Encore merci MlleAlys pour votre aide.

Cordialement, bonne journée,
Tony