Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
Coloriser les cases des Annonces, des Notes et autres Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
Coloriser les cases des Annonces, des Notes et autres Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
Coloriser les cases des Annonces, des Notes et autres Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Avril 2024
LunMarMerJeuVenSamDim
1234567
891011121314
15161718192021
22232425262728
2930     

Calendrier Calendrier

Le Deal du moment : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

Coloriser les cases des Annonces, des Notes et autres

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Mar 25 Déc 2018 - 19:06

  • MP
  • Zoom
Hi,

Voici une astuce qui permet de mettre en valeur les Annonces Globales, les Annonces, les Notes, les Sujets Populaires & les Sujets Verrouillés sous EDGE

En image vous arriverez à cela :

Coloriser les cases des Annonces, des Notes et autres Colora10




Direction la gestion des images

Panneau d'administration / Affichage / Images et Couleurs / Gestion des images / Mode avancé / Icônes des sujets


Pour faire fonctionner cette astuce il faut récupérer les URL's des images des :
1/ Annonces
2/ Annonces Globales
3/ Notes
4/ Sujets Populaires
5/ Sujets Verrouillés

Pour les intégrer au code javascript



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 Globales
$('div.forum-status[style*="https://2img.net/i/fa/empty.gif?type=global&state=old"]').closest('.forum-block-inner').addClass('M14_annonceGlob');
//Ajoute une class à la cellule des Annonces
$('div.forum-status[style*="https://2img.net/i/fa/empty.gif?type=announcement"]').closest('.forum-block-inner').addClass('M14_annonce');
//Ajoute une class à la cellule des Notes
$('div.forum-status[style*="https://2img.net/i/fa/empty.gif?type=pinned"]').closest('.forum-block-inner').addClass('M14_note');
//Ajoute une class à la cellule des Sujets Populaires
$('div.forum-status[style*="https://2img.net/i/fa/empty.gif?type=topic&state=old&hot=true"]').closest('.forum-block-inner').addClass('M14_sujetPop');
//Ajoute une class à la cellule des Sujets Verrouillés
$('div.forum-status[style*="https://2img.net/i/fa/empty.gif?type=forum&locked=true"]').closest('.forum-block-inner').addClass('M14_sujetVer');  
});

Pensez à     Valider 2



Direction la CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la CSS :
Code:
div.forum-block-inner.M14_annonceGlob {background-color:#F5A9BC;} /* Modifie la couleur de fond des annonces globales*/
div.M14_annonce {background-color:#f4da9a;} /* Modifie la couleur de fond des annonces */
div.M14_note {background-color:#c6a5f0;} /* Modifie la couleur de fond des notes */
div.M14_sujetPop {background-color:#FFFACD;} /* Modifie la couleur de fond des sujets populaires */
div.M14_sujetVer {background-color:#DCDCDC;} /* Modifie la couleur de fond des sujets verrouillés */

Pensez à     Valider 2  l'ajout à la CSS




Un grand merci à Phil (Milouze) pour son aide





:u1:
À bientôt
Bye
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Jeu 27 Déc 2018 - 20:20

  • MP
  • Zoom
Merci beaucoup !
chrisnvidia

Membre
Membre
chrisnvidia

Messagechrisnvidia Lun 31 Déc 2018 - 17:25

  • MP
  • Zoom
Merci beaucoup !
patou83320

Membre
Membre
patou83320

Messagepatou83320 Ven 28 Mai 2021 - 15:04

  • MP
  • Zoom
Merci beaucoup !
Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Ven 28 Mai 2021 - 18:33

  • MP
  • Zoom
Oui désolé, maintenant cela est possible.
Contenu sponsorisé

MessageContenu sponsorisé

  • MP
  • Zoom

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum