AccueilConnexion
Derniers sujets
[AWESOMEBB] Coloriser les cases Annonces & Notes
Page 1 sur 1 • Partagez
- Splash
Milouzien
Splash le Mar 25 Déc 2018 - 5:21
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 :
Direction la CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
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 :
Un grand merci à Bipo pour le coup de pouce sur la partie script
À bientôt
Voici une astuce qui permet de mettre en valeur les Annonces et les Notes sous AwesomeBB
En image vous arriverez à cela :
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![[AWESOMEBB] Coloriser les cases Annonces & Notes Staff10](https://i.servimg.com/u/f37/11/26/21/37/staff10.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 CSS
Mettre 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 :
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
| :u1677: |
- Milouze14
Fondateur
Milouze14 le Mar 25 Déc 2018 - 8:01
- clost
Milouzien
clost le Sam 9 Fév 2019 - 19:34
- Lil'Fox
Milouzien
Lil'Fox le Dim 10 Fév 2019 - 0:43
Merci beaucoup !
- fred9545
Milouzien
fred9545 le Dim 10 Fév 2019 - 12:15
Merci beaucoup !
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
» Petit soucis avec l'outil de navigation rapide
» [AwesomeBB] Afficher le bouton de prévisualisation sur la réponse rapide
» Les mots croisés
» Note de service " Blagounette"
» Petite annonce "histoire"
» Paris-Lyon "histoire"
» Disparu "histoire"
» La pendule "histoire"
» [PHPBB3]Afficher une navigation rapide sur les messages
» [PhpBB3]Aspect de la réception d'une newsletter ...
» [TOUTES VERSIONS] Afficher les outils de modération via la liste des sujets
» [PHPBB2] Ajouter un id à partir de l'attribut de l'image
» [PhpBB2] Problème encodage avec un script
» [Blague]Histoire courte mais très courte ....
» Sommes-nous tous sur écoute ? "blague"
» Règlement de l'entraide Forumactif
» Les calculettes
» [PHPBB2] Afficher le règlement du forum en haut de sujet
» [PHPBB2] Remplacer le mot Invité