barre de menu

[momix]

bonjour j'aurais voulu savoir comment réaliser une barre de menu comme dans le site suivant,
qui il me semble a été réalisé sur iweb.
D'avance merci pour vos réponse



http://web.me.com/etiennecapelle/lescapelsonensuede/Installation_a_Eden/Installation_a_Eden.html

[koeklin]

ici http://www.cssplay.co.uk/menus/pro_horizontal.html (c'est celui du haut)
tant que vous y êtes Autant visiter le site entier http://www.cssplay.co.uk/

Tuto pour ce menu pro_one : à vous de l'adapter si vous en choisissez un autre
1) télécharger le fichier zippé, dézippez-le.
2) éditer la page pro_one.html avec un éditeur de texte (pas TexteEdit, préférez Smultron (gratuit)).

Code:

<ul class="menu1">
<li><a href="#nogo"><b>Home</b></a></li>
<li class="current"><a href="#nogo"><b>Privacy Policy</b></a></li>
<li><a href="#nogo"><b>Products</b></a></li>
<li><a href="#nogo"><b>Where to find us</b></a></li>
<li><a href="#nogo"><b>Contact us</b></a></li>
<li><a href="#nogo"><b>Search</b></a></li>
</ul>

chaque lien correspond à une ligne de ce genre

Code:

<li><a href="#nogo"><b>Home</b></a></li>

Home est le nom qui apparait dans la barrière, #nogo est la destination du lien
remplacez #nogo par l'adresse de votre page par ex.

Code:

<li><a href="http://www.etsicetaitvrai.be/Site/Bienvenue.html"><b>Home</b></a></li>

rajouter target="_top" dans la balise

Code:

<a href="http://www.etsicetaitvrai.be/Site/Bienvenue.html">

ce qui donne :

Code:

<li><a href="http://www.etsicetaitvrai.be/Site/Bienvenue.html" target="_top"><b>Home</b></a></li>

3) A l'aide d'un client FTP, mettez le dossier à la racine de votre FTP ( dossier www ou web ou public_html) à côté de votre dossier Site et de votre page index.html
L'adresse de votre page de menu correspond l'arborescence des fichiers :

http://www.etsicetaitvrai.be/pro_one/pro_one.html

= une page pro_one.html dans un dossier pro_one lui même placé à la racine du site (= http://www.etsicetaitvrai.be)
dans un widget fragment html placer le code suivant :

Code:

<script language="Javascript">
window.location="http://www.etsicetaitvrai.be/pro_one/pro_one.html";
</script>

le menu n'apparaitra pas dans iWeb mais sera visible une fois la page publiée sur le net avec votre navigateur. Donc pensez à redimensionner le widget fragment HTML aux dimensions probable du menu.

[momix]

Merci pour votre réactivité, je viens de lire vos explications ça n'as pas l'air trop compliqué...
Je testerai ça ce week-end a mon aise... si j'ai un soucis, je ne manquerai pas de vous appelé à l'aide.