Menu personnalisé (barre de navigation) : changement de l'image au passage de la souris

[cat_drav]

Bonsoir,

En suivant ce tutoriel https://forum.forumactif.com/t246228-images-de-la-barre-de-navigation-modifiees-au-passage-de-la-souris?highlight=passage+de+la+souris j'ai créé une barre de navigation qui réagit au passage de la souris pour les menus "standards". Mon seul souci c'est que j'ai adjoint à cette barre un menu personnalisé et là j'avoue que je sèche et que je n'arrive pas à trouver comment lui appliquer la même mise en forme (j'ai essayé la fonction "recherche" sur le forum d'entraide et je n'ai rien trouvé).

Si quelqu'un peut m'expliquer comment appliquer cette même fonctionnalité à un menu personnalisé, je suis preneuse.

Par avance, merci de votre aide et bonne soirée.

[Dr. Karlos]

Bonsoir,

Pouvez-vous coller le code utilisée pour votre menu personnalisé? La procédure est sensiblement la même.


Cordialement.

[cat_drav]

Bonjour et merci pour votre aide.

Qu'entendez vous par "code" et où puis je le trouver ?

En fait le bouton ajouté (menu personnalisé) dans la barre de navigation est celui qui permet d'accéder depuis le forum à la page HTML créée qui fait office de page d'accueil (mais qui ne reprend pas le haut et le bas de page du forum). Je précise que c'est pour un forum autre que celui qui figure dans mon profil.

Par avance merci.

[Dr. Karlos]

Bonjour,

À moins de passer par les templates, je doute que ça soit réalisable. Trouvez donc cette parie dans votre template overall_header )PA | Affichage | Templates | Général):

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Ajoutez à côté de {GENERATED_NAV_BAR} ce code:

Code:

      <a href="URL DE VOTRE PAGE" target="_blank"> <img src="image 1" alt="Image" onmouseover="javascript:this.src='image 2';" onmouseout="javascript:this.src='image 1';" /></a>

Remplacez image 1 par l'image sans survol et image 2 par l'image avec survol. Remplacez aussi URL DE VOTRE PAGE par l'adresse qui nous apparaît lorsqu'on clique sur votre bouton.

N'oubliez pas de retirer votre menu personnalisé du panneau d'administration comme ceci::
> PA | Affichage | Page d'accueil | En-tête et navigation


Cordialement.

[cat_drav]

Bonjour,

J'ai donc suivi vos recommandations et cela a fonctionné parfaitement. Je vous en remercie infiniment.

J'aurais une petite question : Le bouton s'est positionné au bout à droite dans la barre de navigation avec un espacement plus grand que celui qui existe entre les autres boutons (menus prédéfinis).

Je voulais savoir si il y avait possibilité de le positionner à un autre endroit dans la barre de navigation (entre Accueil et FAQ, sachant que portail, galerie et calendrier ne sont pas activés) et si il y avait moyen de réduire l'espacement de façon à ce que la barre soit visuellement équilibrée.

Par avance merci et bonne continuation !

[Dr. Karlos]

Re,

Quelle est l'adresse de votre forum?

Pour positionner l'image en première place, vous n'avez qu'à placer l'ensemble du code en avant de {GENERATED_NAV_BAR}.

Je doute qu'il soit possible de positionner l'image au milieu de la barre de navigation à moins de la décomposer dans les templates. Si quelqu'un a une meilleure réponse que moi à ce sujet, il est le bienvenu.


Cordialement.

[cat_drav]

Bonjour et merci pour l'information.

A défaut de pouvoir mettre le bouton du menu personnalisé entre deux autres des menus prédéfinis, pouvoir le mettre à gauche est une solution alternative qui me convient.

Encore merci pour votre aide et bonne continuation.