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 :
![[AWESOMEBB] Coloriser les cases Annonces & Notes Sans_t37](https://servimg.com/r/19993749/sans_t37.png)
-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 :
![[AWESOMEBB] Coloriser les cases Annonces & Notes Erreur10](https://servimg.com/r/19984078/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
| :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 !
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
» [PhpBB2] Changer le lien d'une image par une icone font awesone
» Test d'intelligence des politiciens-(e) histoire blagounette
» histoire du Jour sans fin
» Règlement de l'entraide Forumactif
» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
» *RESOLU*[PhpBB3] Prévisualisation directe
» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
» *RESOLU*[PhpBB2] Récupérer valeur checkbox
» [Toutes versions] Utiliser les variables utilisateur/forum
» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
» *RESOLU*[PhpBB2] Prévisualisation en direct
» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome