script menu simple en HTML (avec CSS)

Shadow Spy · codeur Offline Joined: 30 Oct 2007 Posts: 89

salut,

si vous voulez un menu qui ressemble à ça sur votre site (ou votre forum):

il suffit de mettre ce code dans un fichier css:

Code:

ul#menu_horizontal {
width : 600px;
height : 30px;
margin : 2em 0 0 0;
padding : 0;
background-color : #f4f9fd;
border : 1px dashed black;
list-style-type : none;
}

ul#menu_horizontal li {
padding : 0 0.5em;
line-height : 30px;
}

ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black;
}

ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}

ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em;
font : 0.8em "Trebuchet MS";
}

ul#menu_horizontal a:hover { text-decoration : underline; }

ul#menu_horizontal a img {
border : none;
padding : 0 0.3em;
}

vous pouvez biensur mofifier les couleurs et les bordures

et de mettre ça dans votre page pour faire apparaître le menu (dans laquelle vous voulez mettre le menu):

Code:

<html>
<head><title>FLOAT</title><link rel="stylesheet" media="screen" type="text/css" title="index" href="ADRESSE DE VOTRE FICHIER CSS" /></head>

<body>

<ul id="menu_horizontal">
<li class="bouton_gauche"><a href="#"><img src="VOTRE IMAGE" alt="accueil" />Accueil</a></li>
<li class="bouton_gauche"><a href="#"><img src="VOTRE IMAGE" alt="accueil" />News</a></li>
<li class="bouton_gauche"><a href="#"><img src="VOTRE IMAGE" alt="accueil" />Livre d'or</a></li>
<li class="bouton_droite"><a href="#"><img src="VOTRE IMAGE" alt="accueil" />Admin</a></li>
<li class="bouton_droite"><a href="#"><img src="VOTRE IMAGE" alt="accueil"/>Contact</a></li>
</ul>

</body>
</html>

ensuite vous pouvez personnaliser la page et le menu

ifrane51 · Administrateur Offline Joined: 29 Oct 2007 Posts: 645

merci pour ces information shadow mais pourrait-tu nous dire se qu'est un "CSS" ? et que veut dire "html" pour tous les membres.
__________évolution-p2p__________

cliquez ici

Notre Chan Irc

Shadow Spy · codeur Offline Joined: 30 Oct 2007 Posts: 89

lol, css (qui veut dire feuille de style) sert àrendre plus beau un site ou un page HTML (couleur du texte, police, fond, liens.....) et le HTML c'est ce qui sert à faire des sites web (c'est le language utilisé pour faire les sites)

tech-men

tu devrait peut-être faire, un sujet, avec les définition de tout les mots bizarre que tu utilise ^^
__________évolution-p2p__________

cliké ici

Shadow Spy · codeur Offline Joined: 30 Oct 2007 Posts: 89

ok, je vais faire sa

indien37

je pense que se serai bien car perso je cromprend rien a se que tu raconte Mort de Rire

__________évolution-p2p__________