Changer la couleur des liens vers les sous forums lors d'un nouveau message

[Dranyem]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://samouraitest.forumactif.org/

Description du problème

Bonjour à toutes et à tous !

Alors voilà j'ai un petit problème, j'ai voulu, pour plus de lisibilité que la couleur des titres, des contours des catégories, changent de couleur pour mieux voir les nouveaux messages. J'ai suivis ce qui a été dit dans ce sujet : https://forum.forumactif.com/t376078-changement-couleur-du-titre-d-un-sous-forum-si-nouveau-message-poste
Et il faut savoir que j'ai aussi changé pas mal mes templates et mon css en suivant ce tutoriel sur Never Utopia : http://www.never-utopia.com/t52822-forums-en-images-de-fond

Voici le css spécifique pour ce problème :

Code:

.sf-new .sous_forums a {
    color: #EB4D1F;
}

tr.newpost td .un_titre a { 
  color:#EB4D1F!important;}

tr.newpost td .un_forum {
  border: 3px solid #EB4D1F;!important;}

et le javascript :

Code:

$(function() {
    $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').closest('tr').addClass('newpost');
    $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').closest('tr').addClass('newpost');
    $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').parent().next().addClass("sf-new");
});

Donc tout marche bien, seulement quand il y a un nouveau message les bords et les titres de toutes les catégories changent de couleur, et dans la catégorie avec le nouveaux message, tous les titres des sous-catégories changent de couleur aussi comme on le voit dans l'image ci-dessous :

Ce qu'il se passe:

Et bien sur j'aimerais que seulement la catégorie ou le nouveau message a été posé change, ainsi que seulement le sous-forum concerné comme montré dans ce montage :

Ce que j'aimerais:

Donc j'aurais aimé savoir comment "cibler" seulement les endroits concernés par le nouveau message,

Merci à vous de porter attention à ma demande, pleins de bisous !

[Teurancher]

Chalut,
Remplacer l'intégralité du code JS adéquat par celui-ci:

Code:

        $(function() {
            $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').closest('.un_forum').addClass('newpost');
            $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').parent().next().addClass("sf-new");
        });

[Dranyem]

Salut, et merci beaucoup à toi pour une réponse aussi rapide ^^

Alors du coup, j'ai fait comme tu as dit mais j'ai du changer mon css :

Code:

.sf-new .sous_forums a {
    color: #EB4D1F;
}

.newpost .un_titre a { 
  color:#EB4D1F!important;}

.newpost .un_forum {
  border: 3px solid #EB4D1F!important;}

Déjà un très bon point ça marche très bien avec le titre de la catégorie, il n'y a maintenant que celui de la catégorie qui contient le nouveau message qui change. Seulement les bords restent blancs maintenant, et pour les sous-catégories tous les titres restent rouges comme avant.
Je cherche aussi de mon côté pour essayer de comprendre, mais là le fait que ça marche pour le titre et pas pour les contours je comprend pas x)

Edit : En fait pour le contour c'est pas grave j'ai trouvé une alternative, maintenant il faudrait juste savoir pourquoi tout les sous-forum changent de couleur et pas seulement celui contenant le nouveau message =s

[Teurancher]

Yosh,
Essaies avec le code suivant (deux lignes ont été retirées) et montre-nous le résultat ^-^

[Dranyem]

Re,

Excuse moi mais je ne vois pas de quel code tu parles quand tu dis "le code suivant" x)
Tu veux dire celui que tu m'avais donné ? Si c'est le cas c'est déjà ce que j'avais fait.

[Teurancher]

Wups, petit oubli.

Code:

                $(function() {
                    $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').closest('.un_forum').addClass('newpost');
                });

[Dranyem]

Le problème persiste toujours =/
Dans le forum qui contient le nouveau message, tous les sous-forums changent de couleur à la place de seulement celui qui contient le nouveau message.

Le problème est qu'avec ce css :

Code:

.newpost .sous_forums a {
    color: #EB4D1F!important;
}

ça dit en fait "quand il y a un nouveau message, les sous-forums contenus dans le forum ou il y a le nouveau message deviennent rouge" alors qu'il faudrait que seulement un le devienne. Il faudrait plutôt que le code dise "quand il y a un nouveau message, le lien qui amène à ce forum devient rouge" comme les sous-forums du premier forum sont les liens qui amènent aux forums à l'intérieur de ce forum, ça pourrait peut être marcher ! (j'espère me faire comprendre, j'ai l'impression d'avoir du mal à m'exprimer ><)

[Dranyem]

Petit up !
Et je vais en profiter pour éditer le titre, vue que maintenant le problème ne concerne plus que les liens vers les sous-forums.

Edit : Je viens de voir peut être une piste de pourquoi ça ne marche pas, le sujet https://forum.forumactif.com/t376078-changement-couleur-du-titre-d-un-sous-forum-si-nouveau-message-poste que j'avais suivit pour colorer les sous-forum traitait d'une version PunBB hors mon forum est en PhpBB2.
Effectivement il est dit dans ce sujet de mettre "le lien de l'image nouveau message dans un sous forum" hors dans la version PhpBB2 il est impossible de mettre de base une image de message dans les sous-forum (si je me trompe dites le moi)
Mais donc en PhpBB2 comment doit-on faire ?

[Dranyem]

Up !

Personne n'a la réponse ?
Allez je suis sur que c'est pas si difficile pour quelqu'un fort en javascript =(

[[Nihil]]

Coucou Dranyem,

Ooooh, je reconnais des LS de Never Utopia *-*

Pour ça, il va falloir que tu actives les images des liens sous forums. Sans ça pas moyen de savoir s'il y a un nouveau message dans un sous forum en particulier.

PA > Affichage > Page d'accueil > Structure et hiérarchie > Hiérarchie > Lien vers les niveaux inférieurs > Avec une image

Ensuite pour personnaliser les images :
PA > Affichage > Images et Couleurs > Gestion des images > Mode Avancé > Mini-icones

Sachant qu'on pourra masquer les images ensuite en CSS si tu veux, c'est juste qu'il faut qu'elles soient dans le code pour savoir le forum concerné ^-^

Une fois cela fait, on pourra s'attaquer au code

[Dranyem]

Owiiiii ! Donc on peut mettre des images dans les sous-forums sur PhpBB2, ça devrait marcher du coup !! Je t'aime ! =)

Euh pardon... bonjour à toi !

J'ai donc activé les images dans les sous-forums, pour l'instant j'ai tout bêtement supprimé l'image "pas de nouveau message" et laissé juste une image pour les nouveaux messages.
J'ai donc changé le lien dans mon javascript. Bon là juste en faisant ça, ça ne marche pas (en même temps je m'y attendais, il va surement falloir changer quelque chose des les codes)

Voici mon javascript actuel :

Code:

$(function() {
            $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').closest('.un_forum').addClass('newpost');
            $('img[src="http://image.noelshack.com/fichiers/2015/08/1424122830-new.png"]').closest('.contour_new').addClass('newpost2');
            $('http://2img.net/i/fa/subsilver/../Offline.png').parent().next().addClass("sf-new");
});

Et le css qui va s'occuper des sous-forums (je ne sais même pas si il était bon de base) :

Code:

.sf-new .sous_forums a {
    color: #e8322c!important;
}

Donc j'ai surement faux quelque part, mais ou ? =x

Edit : Lol je suis trop bete, j'avais oublié img[src=""] dans mon javascript, et il suffisait de mettre .sf-new {
color:#e8322c!important;
}
dans le css, ça y est ça marche merci beaucoup ! =)

Juste une dernière question, comment masquer avec le css l'image "nouveau message" dans les sous-catégorie ?

[[Nihil]]

Hum, j'ai pas compris, le code pour les sous forum c'est bon ou pas :p ?

Juste une dernière question, comment masquer avec le css l'image "nouveau message" dans les sous-catégorie ?

Tu peux faire une screen de l'endroit s'il te plait >< ?

[Dranyem]

Oui oui tout marche très bien merci beaucoup ^^

Et voici un screen montrant l'image de nouveau message dans les sous-forum que j'aimerais rendre invisible :


Bien sur je pourrais aussi tout simplement mettre une image transparente, mais je me dis que ce serait plus propre de la masquer avec une ligne de code... Je suis chiant je sais >.<

[[Nihil]]

Aaah, je pensais tu parlais quand on était dans un sous forum directement, je comprenais pas xD.

Pour masquer toutes les images (ancien / nouveau / etc) :

Code:

.sous_forums img {
    display: none;
}

[Dranyem]

Merci beaucoup !

J'ai su tout ce que je voulais, sujet résolu !