Coloriser les cellules sur l’index lorsqu’un nouveau message est posté

[Matriochka]

Coloriser les cellules lorsqu'un nouveau message est publié

L'astuce qui suit vous permettra de coloriser les cellules de votre forum lorsqu'un nouveau message est publié, que ce soit sur l'index ou dans la liste des sujets. Pour les versions PhpBB2, PunBB et Invision Création du script Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Coloriser les cellules lorsqu'un nouveau message est posté" et pour placement "Sur l'index" et / ou "Sur les sous-forums" (plus d'informations sur la gestion des scripts). Code: $(function() {   $('img[title="Nouveaux messages"]').closest('tr').addClass('newpost'); }); N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Insertion du CSS Panneau d'administration  Affichage  Couleurs - Feuille de style CSS Code: tr.newpost td {     background-color: #COLOR!important; } Remplacez #COLOR par le code couleur hexadécimal de votre choix. A toutes fins utiles, vous pouvez utiliser ce générateur. N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Pour la version PhpBB3 et ModernBB Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Coloriser les cellules lorsqu'un nouveau message est posté" et pour placement "Sur l'index" et / ou "Sur les sous-forums" (plus d'informations sur la gestion des scripts). Création du script Code: $(function() {     /*URL de l'image pour un nouveau message dans une catégorie */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans une forum */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans un sujet */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans un sujet populaire */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans un sujet verrouillé */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans un sujet "annonce" */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans un sujet "annonce globale" */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost');     /*URL de l'image pour un nouveau message dans un sujet "Note" */     $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost'); }); Remplacez l'URL https://2img.net/i/fa/empty.gif par celle correspondant à l'image indiquant un nouveau message sur le forum : Panneau d'administration  Affichage  Images et couleurs - Gestion des images, onglet Icônes du forum Voir illustration : Panneau d'administration  Affichage  Images et couleurs - Gestion des images, onglet Icônes des sujets Voir illustration : N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Insertion du CSS Panneau d'administration  Affichage  Couleurs - Feuille de style CSS Code: dl.newpost {     background-color: #COLOR !important; } Remplacez #COLOR par le code couleur hexadécimal de votre choix. A toutes fins utiles, vous pouvez utiliser ce générateur. N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Pour la version AwesomeBB Création du script Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Coloriser les cellules lorsqu'un nouveau message est posté" et pour placement "Sur l'index" et / ou "Sur les sous-forums" (plus d'informations sur la gestion des scripts). Code: $(function() {   $('div[title="Nouveaux messages"]').parent().closest('div').addClass('newpost'); }); N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Insertion du CSS Panneau d'administration  Affichage  Couleurs - Feuille de style CSS Code: div.newpost {     background-color: #COLOR !important; } Remplacez #COLOR par le code couleur hexadécimal de votre choix. A toutes fins utiles, vous pouvez utiliser ce générateur. N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications.

Cette astuce a été rédigée par Matriochka. Et actualisée par Bipo, Neptunia et Oka.mi (décembre 2021). Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.