MENU HORIZONTAL AVEC IMAGE CLICAQUES A PLACER SOUS LA BANNIERE

17 décembre 2007

MENU HORIZONTAL AVEC IMAGE CLICAQUES A PLACER SOUS LA BANNIERE

A la demande d'Edith voici comment placer un menu avec des images cliquables sous votre bannière.

Le code se présente comme ceci :

</tr>
</table>

Chaque bloc de code est séparé par un espace et correspond à une image cliquable :

Exemple avec le premier bloc de l'Apéro :

En gris c'est l'adresse de direction, la page ou l'on atterri si on clique sur l'image.
En rouge c'est l'adresse entière de votre image.

Vous n'êtes obligé de mettre le title="L'Apéro" ni le alt="L'Apéro" ça permet juste d'afficher le nom du menu lorsqu'on passe la souris dessus.

Une fois que vous avez entrez toutes vos données dans le menu il ne vous reste plus qu'à l'insérer au bon endroit dans votre page d'accueil et dans les autres page ou vous voulez qu'il s'affiche.

Sur la ligne <body> repérez <div id="topbar"></div> faites un retour à la ligne à la fin de ce code et collez votre menu.

Faites de nouveau un retour à la ligne pour laisser un espace avec les codes <div id="leftbar"><div class="navlinks"> de façon qu'ils se trouvent en dessous.
C'est plus clair visuellement et ça évite de faire des bêtises en se mélangeant les pinceaux.

En fait votre menu doit être collé entre <div id="topbar"></div> et <div id="leftbar"><div class="navlinks">

Voila ce que ça donne dans votre page :

A l'écran ça donne ça :

Posté par Demolite à 11:37 - Commentaires […] - Permalien [#]

Tags: menu

Partager cet article

Vous aimez ?

0 vote

VIDER LE CACHE DE SON NAVIGATEUR

ABONNEZ-VOUS A DEMOLITETUTO POUR RECEVOIR UN MAIL AVEC TOUS LES NOUVEAUX ARTICLES PUBLIES

Commentaires

Loarig

13/02/2009 10:27

Hello !<br /> <br /> Comme je sais que Demolite ne répond plus sur ce blog, peut être que quelqu'un peut répondre, malgré tout, à ma question ... J'ai sans problème placé des petites images sous ma bannière et souhaiterais quelles fassent office de liens pour "les catégories". J'ai donc copié le lien source des catégories au niveau des "archives" mais quand j'enlève les catégories initiales, mes images n'ont plus de lien du tout. Je pense que je prends une mauvaise adresse de lien. J'ai un peu la tête embrouillée et voilà deux jours que je plante complet là-dessus. <br /> Merci beaucoup par avance de votre aide.

Jasmine

06/11/2008 19:45

Docteur ?

Jasmine

28/10/2008 15:01

Bonjour, j'ai testé le script, mais il s'affiche en haut de ma bannière j'aurais préféré en bas c'est possible docteur ? Merci

Valnea

13/09/2008 10:15

J'ai trouve la bonne solution mais je te remercie quand meme... ils s'agissait des cadres qui entoure les images menant a un lien et il suffisait d'ajouter border = 0 au bon endroit.<br /> Merci en tout cas pour tout tes bons tutos, grace a toi j'ai un blog qui me plait beaucoup !!!

Demolite

11/09/2008 06:43

[Salut]<br /> Si tu ne me donne pas l'adresse de ton blog je ne peux pas t'aider [Nul]<br /> De quelle cadre tu parles ? [je cherche]