menus horizontaux en version pro

 

Ce tuto peut être utilisé uniquement pour les utilisateurs de e-monsite étant en version pro.Donc pour pouvoir changer les liens textes de votre barre de navigation par des boutons personnalisés rendez vous sur votre administration puis survolez configuration (1) et cliquez sur menus horizontaux (2).Sur la page vous avez le choix d'éditer les menus du hauts ou encore ceux du bas (3).Pour le moment nous allons nous concentrer sur le menu du haut.


Allez tout en bas de la page pour trouver l'option permettant de configurer votre menu horizontal en html.Pour info en cas de mauvaise manipulation pendant les changements vous avez la possibilité de remettre votre menu comme il était avant en recliquant sur cette option. Par contre une fois vos boutons en place si vous cliquez sur cette option vous perdrez la totalité de vos changements donc un conseil une fois tout finit faites un copier-coller du html dans un fichier word et gardez le précieusement dans un coin de votre pc.

 

Pour faire le changement de liens textes qui apparait en html voici donc la procédure à suivre:

Nous prendrons en exemple le lien accueil pour rejoindre la page d'acceuil:

Le code html du lien texte <a href="accueil.html" title="Accueil">Accueil</a> .

Pour insérer une image à la place du mot acceuil enlevez celui placé entre les > et </a> et placez le code html de votre image ce qui donne en exemple:

<a href="accueil.html" title="Accueil"><img src="url de votre image"border="0"></a>
le code donnerait en fait ceci:
<a href="accueil.html" title="Accueil"><img src="
http://i43.servimg.com/u/f43/09/03/21/35/accuei10.jpg"border="0"></a>
et donne en image (voir ci-dessous)

Le lien que je viens de vous montrer est un lien par défaut déja en place sur le site par défaut. Voyons maintenant si l'on veut rajouter nous même un lien externe ou interne au site.Pour ce faire nous allons inserer un lien vers un forum exterieur.

Pour cela il vous faudra au préalable avoir désactivé votre forum interne pour éviter les doubons.Donc commençons par insérer le lien du forum en question.

le code devra donner ceci:

<a href="url de votre forum"><img src="url de l'image"border="0"></a>

Je vais mettre maintenant à titre d'explemple le lien vers un forum exterieur pour que vous puissiez voir ce que cela donne en definitive:

<a href="http://manimalworldforum.megabb.com/index.htm"><img src="http://i43.servimg.com/u/f43/09/03/21/35/forum10.jpg"border="0"></a>

En image cela donnera ceci:

Reproduisez l'opération pour tous les liens que vous désirez mettre dans votre menu horizontal puis allez en bas de page pour enregistrer vos modifications.

 

-Pour info, sachez que pour avoir un menu horizontal présentable il vaut mieux opter pour des boutons pas trop grand et ne pas mettre trop de liens sur le menus car sinon vous vous retrouverez avec un menus horizontal sur deux lignes.

-Vous pouvez si vous le désirez inserer des liens vers un page interne de votre site également.

-Pour reproduire la même chose dans le menu horizontal bas faites un copier de vos codes html puis refaite l'opération du début du tuto mais en cliquant sur l'onglet menu du bas. Effacez le code html deja présent puis faites coller pour mettre en place les mêmes codes du haut et enfin enregistrez vos modifications.