Hi,
Voici une astuce qui permet de mettre en valeur les
Annonces et les
Notes sous AwesomeBB
En image vous arriverez à cela :
![[AWESOMEBB] Coloriser les cases Annonces & Notes Sans_t37](https://i.servimg.com/u/f87/19/99/37/49/sans_t37.png)
Direction le javascript
Panneau d'administration/ Modules / HTML & JAVASCRIPT / Gestion des codes javascript / Créer un nouveau javascript
Mettre ce script Sur les sous-forums:
- Code:
-
$(function() {
//Ajoute une class à la cellule des annonces
$('div.posts-icon.folder_announce').closest('.posts-section').addClass('CAF_annonce');
//Ajoute une class à la cellule des notes
$('div.posts-icon.folder_sticky').closest('.posts-section').addClass('CAF_note');
});
Direction la CSS
Panneau d'administration /
Affichage /
Images et Couleurs /
Couleurs /
Feuille de style CSSMettre ce code à la CSS :
- Code:
-
div.CAF_annonce {background-color:#f4da9a;} /* Modifie la couleur de fond des annonces */
div.CAF_note {background-color:#e2cbff;} /* Modifie la couleur de fond des notes */
Et pour éviter cette erreur d'affichage :![[AWESOMEBB] Coloriser les cases Annonces & Notes Erreur10](https://i.servimg.com/u/f28/19/98/40/78/erreur10.png)
Ajouter ce code à la CSS :
- Code:
-
/* Tires longs sur 2 lignes */
.forum-description h3, .posts-description h3, .block-topics h2 {
white-space: normal;
padding-right: 0 !important;
}
.forum-description h3::after, .posts-description h3::after, .block-topics h2::after {
content: none;
}
Un grand merci à
Bipo pour le coup de pouce sur la partie script