Fond des sujets colorés, code javascript

[Whitemoon]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://itsraininganimals.forumactif.fr/

Description du problème

Bonjour ! Je suis actuellement entrain de faire mon forum RPG, et en cherchant une solution pour mon problème, donc mettre le fond des nouveaux sujets colorés (je trouve qu'avec mon codage les nouveaux sujets sont difficiles à voir actuellement), je suis tombée sur ce sujet : https://forum.forumactif.com/t374798-changer-le-fond-d-un-sujet-lors-d-un-nouveau-message

J'ai donc essayé sur mon forum, et comme la personne du sujet, cela ne fonctionne pas, je rencontre le même souci, mais la réponse ne se trouve pas sur le sujet de la demande d'aide...

Donc, vu que le code a été fait par Milouze14, s'il pouvait venir m'aider à résoudre ceci, ce serait top =)

Merci d'avance !

[Invité]

Salut Whitemoon ,
bienvenue sur le Forum des Forums .

Il faut en fait trouver le lien de l'image annonçant un nouveau sujet

Passes en mode avancé en cliquant sur :
Affichage/Images et couleurs/Gestion des images/Mode avançé


Icônes des sujets puis recherches le lien de l'image et copies le:

"Sujet - Nouveau :"
Puis déposes le à la place de:
"LE LIEN DE L IMAGE"

Ici:

Code:


       
$(function() {
$('img[src="LE LIEN DE L IMAGE"]').closest('tr').attr('id','M14_New').attr('title','Nouveau message');
});


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:



tr#M14_New td{background:green;}


Changes la couleur par celle de ton choix.

a++

[Whitemoon]

Bonjour !

Ca ne fonctionne pas, ça reste ma couleur de base, que ce soit pour les nouveaux sujets ou les anciens.

J'avais fait l'erreur de mettre l'image vide de forumactif, vu qu'à la base je n'ai pas d'image correspondante, mais même en mettant une image classique pour le code, ça ne fonctionne pas.

[Invité]

Re,

tu peux me donner le script que tu as déposé stp .

a++

[Whitemoon]

Le voici :

Code:

$(function() {
$('img[src="http://2img.net/i/fa/prosilver/topic_unread.gif"]').closest('tr').attr('id','M14_New').attr('title','Nouveau message');
});

[Invité]

Salut Whitemoon,

l'astuce fonctionne sur template vierge dans cette partie , vu que tu as tout modifié,
il va falloir le paramétrer.

Le script devrait de toute manière celui-ci:

Code:


$(function() {
$('img[src="http://2img.net/i/fa/prosilver/topic_unread.gif"]').closest('table.sujet').attr('id','M14_New').attr('title','Nouveau message');
        });


La css:

Code:


table#M14_New.sujet {background:green;}



Il faudrait avoir le template index_box:
Affichage/Templates/Général/index_box

et le template topics_list_box:
Affichage/Templates/Général/topics_list_box

a++

[Whitemoon]

Bonjour !

Voici donc le index-box


Et le topics list box :

[Invité]

Re,
tu peux me donner la css stp .

a++

[Whitemoon]

Et hop, la voici !

[Invité]

Salut Whitemoon,

désolé pour le retard , job oblige...

Supprimes le javascript donné précédemment puis la css

Code:

table#M14_New.sujet{background:#4F2824;}

Ensuite suis cette procédure:
Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

ligne 58 recherches ceci:

Code:

<td valign="middle" align="right" width="210">

Supprimes et remplaces par:

Code:

<td id="M14_td"valign="middle" align="right" width="210">

Penses a enregistrer les modifications en cliquant respectivement sur et


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.
Colles ceci

Code:


$(function() {
$('td#M14_td  img[title="Voir le message le plus récent"]').closest('table.sujet').attr('id','M14_New').attr('title','Nouveau message');
$('div.status-forum  img[title="Nouveaux messages"]').closest('div.categorie').attr('id','M14_Cat_New').attr('title','Nouveaux messages');
});




Penses à cliquer sur le bouton


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Colles ceci:

Code:


/*Categorie / sous forums si nouveaux messages*/
#M14_Cat_New.categorie
{
border:5px solid red !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Liste des sujets si nouveaux messages*/
table#M14_New {background:#4F2824 ;}




Penses à cliquer sur le bouton

Agrémentes ensuite ta css comme tu le souhaites



a++

[Whitemoon]

Coucou !

Pas grave pour le retard, on a tous une vie, et de toute façon je fonctionne un peu en ralenti en ce moment...

Tout fonctionne parfaitement ! Je passe en résolu, et je vous remercie beaucoup =). Lorsque je ferai les crédits vous y apparaitrez, en remerciement de l'aide apportée.