Hello,

Comme dis dans la partie aide, je vais m'occuper de cette demande de LS :)

Tu n'as aucune idée de ce que tu cherches comme effet visuel ?

Quelque chose comme ceci te tenterait-il ?

Oui ça serais suffisant x) avec le text qui change de couleur aussi par exemple en rouge ça irait

merci d'avance

Bon, alors, ça fonctionne bien sur mon forum test, on va voir si chez toi c'est bon aussi avant de le proposer en LS. (^-^)

1 - Le javascript

Tout à la fin du code javascript que tu as mis en haut, il faut rajouter ceci :

Code:

$(function(){
    /* Vérification des nouveaux messages dans les onglets */
   
    if (_userdata.session_logged_in) {
        /* lien de l'image "Nouveau message forum" */
        var newImgForum= 'http://img217.imageshack.us/img217/4458/animationnew.png';

        /* lien de l'image "Nouveau message catégorie"
        * laissez vide si c'est la même image que pour forum */
        var newImgCate = '';

        var $categories = $('.categorie'); /* selecteurs des categories */
        var $onglets = $('.onglet_cate'); /* selecteurs des onglets */

        var imgDiff = newImgCate !== '' && newImgCate !== newImgForum;
       
        $categories.each(function(index){
            var $this = $(this);
            var newMsgs = $this.find('img[src="' + newImgForum + '"]');
            if (imgDiff) {
                newMsgs = newMsgs.add('img[src="' + newImgCate + '"]', $this);
            }
            if (newMsgs.length > 0) {
                $onglets.eq(index).addClass('hasNewMessage').attr('data-newmsg', newMsgs.length);
            }
        });
    }
});

Il y a quelques petites modifications à faire :

Code:

var newImgForum= "http://img217.imageshack.us/img217/4458/animationnew.png";

Il faut remplacer l'adresse de l'image par le lien de ton image actuelle pour les nouveaux messages dans les forums.
Tu peux la trouver ici : PA > Affichage > Gestion des images > Mode avancé > Icônes du forum.

Si tu as une image "Catégorie - Nouveau" différente de "Forum - Nouveau".
Il faut modifier cette ligne là aussi :

Code:

var newImgCate = "";

En mettant entre les guillemets l'URL de ton image.
Si c'est la même image pour "Catégorie - Nouveau" et "Forum - Nouveau" , il n'y a pas besoin de faire d'autre modification pour le javascript.

Fais bien attention en recopiant les liens, en effet le javascript recherche ces images dans les catégories pour fonctionner donc s'ils ne sont pas bons... Ça ne fonctionnera pas >-<

1 - Le CSS

Pour mettre en rouge le texte il faut rajouter ceci à la fin de ton CSS (on rajoutera l'image juste après si ça fonctionne bien ) :

Code:

#conteneur_onglets_cate .hasNewMessage{
    color: red;
}

Si tu as une question ou autre n'hésite pas (^-^) et dis moi si c'est bon pour toi :) *croise les doigts*

Sachant que ce système permet aussi d'avoir un "compteur" de "nouveaux messages" par onglet si tu le souhaites.

Exemple:

Déjà je te remercie vraiment pour le temps que tu m'a accorder !
L'idée du compteur j'aime beaucoup aussi ! :)
Je n'ai pas mis d'image pour les catégories.
J'ai installer tout comme tu m'a dis mais rien n'y fait .. aucun changement
Je ne sais pas ou je me suis tromper :/

Merci !

edit : j'ai bien relu ton post ! voila ça fonctionne il fallait donc comme tu l'a précisé mettre une image x) j'aimerai savoir si c'était possible de mettre un compteur stp ?

Hello tu peux effectivement mettre la même image pour "Catégorie - Nouveau" et "Forum - Nouveau" dans ton panneau d'administration.

Si c'est le cas, tu peux remplacer

Code:

var newImgCate = 'http://media.tumblr.com/tumblr_l0g33ehBgP1qamqgc.gif';

Par ceci (il s'agit d'une chaine de caractères vide) :

Code:

var newImgCate = "";

Normalement ça devrait être bon aussi comme ça (^-^)

---

Si je place le compteur ici c'est bon comme ça ?

CSS associé à l'image:

EDIT :
EDIT :
Je viens d'y penser, mais si ta demande d'aide pour personnaliser un code Défilement des sous forums codage de NyoTheNeko est finie, pense à éditer ton premier message et mettre l'icône "terminé" pour que le sujet puisse être archivé ♥

Merci beaucoup pour ton temps !

Donc c'est réglé !

Tout marche impec' !