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
» Coca-Cola (histoire)
» Sœur Mathématiques et Sœur Logique
» Les deux bons potes "histoire"
» *RESOLU*[PhpBB2] Onglet sur page d’accueil
» Le spationaute belge
» *RESOLU*[PhpBB2] Aide mise en forme page d’accueil merci
» *RESOLU*[PhpBB2] Chatbox / Réinitialiser
» *RESOLU*[PhpBB2] Bloquer les IP
» Les réseaux sociaux
» [PhpBB2] Barre navigation supplémentaire
» *RESOLU*[Invision] Réduction image avec clic agrandissement
» Histoire de Blondes Sans Fin
» *RESOLU*[PhpBB3] Interdiction de citer le dernier message
» Règlement de l'entraide Forumactif
» *RESOLU*[PhpBB2] [Toutes versions] Activer la prévisualisation directe
» [PHPBB3] Afficher une réponse automatique style staff
» *RESOLU*[PhpBB2] Changer un message quand un membre ne peut pas répondre à un sujet
» [Toutes versions] Activer la prévisualisation directe
» [Toutes versions] Masquer une icône de message sur un ou plusieurs forums