Problème barre de navigation personnalisée

[Eiffel01]

Bonjour,
Ayant totalement personnalisé la barre de navigation de ce forum : http://yourcritique.forumactif.org/
Je viens ici pour vous demander comment faire pour que, dès qu'un message privé est reçu, pour que l'on voit le message en rouge qui clignote ou un autre effet mais qui soit visible ?

Merci

[Invité]

bonjour c'est sur la gauche au niveaux des boutons de navigation !!!!!
faut nous faire une capture d'écran car on ne visualise pas en invité , les mp.

sinon il faut faire une image et l'inserer dans le tableau des image dans
>le PA
>affichage
>image
>modifiers
message nouveaux privé

[Eiffel01]

On peut se servir de votre aide en ne mettant une image que lorsqu'il y a un message dans la messagerie mais quel code faut-il mettre dans les templates ?

[Invité]

il y a déja un code dans le Template
normalement c'est lien ne sont pas modifiable ,ils sont intégrer au forum

[Eiffel01]

N'y a-t-il pas une autre façon de pouvoir voir que l'on a un message ?

[Invité]

vous n'avez pas le bouton
message
et nouveau message
sur votre PA!!!

[[Nihil]]

Bonjour Eiffel

C'est totalement possible ne t'inquiète pas ^-^
Pourrais-tu s'il te plait nous copier / coller ton template overall_header ?

[Eiffel01]

Merci Nihil.
EDIT : Code retiré par l'auteur

[[Nihil]]

Alors d'abord, on va remplace le haut

Code:

<div class="menu_fond">

Par :

Code:

<div class="menu_fond">
    <!-- on affiche la barre de navigation masquée -->
    <div style="display:none">{GENERATED_NAV_BAR}</div>

Ensuite on remplace :

Code:

<a href="/privmsg?folder=inbox" style="margin-left: 20px">Messagerie</a>

On va lui ajouter un id "mp". On pourrait faire sans, mais je trouve que ça simplifie la lisibilité du code.

Code:

<a id="mp" href="/privmsg?folder=inbox" style="margin-left: 20px">Messagerie</a>

Normalement si tu valides et publies le template aucun changement n'est à constater.

Maintenant direction le javascript, on va en créer un nouveau présent "sur toutes les pages".
A l'intérieur tu vas mettre ce code :

Code:

$(function(){
    var newmp = $("#i_icon_mini_new_message"); /* on cherche si il y a de nouveaux messages */
    if(!newmp.length) return; /* s'il n'y en a pas on arrête */
    $("#mp").addClass('new-mp'); /* s'il y en a, on ajoute la classe new-mp*/
});

/!\ Attention tu as un javascript avec ceci dedans :

Code:

<script type="text/javascript"src="http://tinyurl.com/var-fa"></script>

Il faut le supprimer : il ne sert à rien et cause une erreur qui bloque le reste du javascript !

Une fois encore, une fois tout cela fait aucun changement n'est à constater.

Dernière étape on va dans le CSS :

Code:

/* Style nouveau MP */
#MP.new-mp {
  font-weight: bold;
  color: red;
}

Normalement quand tu as un nouveau MP cela devrait apparaitre comme ceci :


Bon courage pour faire tout ça, si tu as la moindre question n'hésite pas, ne t'inquiète pas on va y arriver !

[Eiffel01]

Le code étant en place, je l'ai testé mais il ne marche pas. L'affichage de "messagerie" est toujours le même

[[Nihil]]

Oups j'ai fait une petite erreur dans le CSS

Comme ça, cela devrait être mieux (^-^)

Code:

/* Style nouveau MP */
 #mp.new-mp {
    font-weight: bold;
    color: red;
}

[Eiffel01]

Tout marche, je note résolu et un grand merci