galeriedesmenus

Créons votre menu :

Bienvenue dans cette galerie, ici on vous propose plusieurs menus horizentaux et verticaux de tous les types( dynamiques, avec des rolovers, simple...) pour votre site web.
On va commencer par les menus vericales, aprés les menus horizentales.
On vous donne les codes css et HTML de ces menus gratuitemnt et vous devez juste les copiez dans votre logiciel de création de site.
Et vous pouvez tester le menu que vous désirer en cliquons sur le lien "Tester les menus".
Et voici nos menus :

Menus Horizentaux

1Menu: "Vénis" :

Tester ce menu en ligne

Code HTML

Code CSS :

@charset "utf-8";
body
{ background-color: #FAFAFA;
}
p
{ margin: 0; padding: 0;
}
#monForm
{ width: 60%;
}
#monForm p
{ margin: 2px 0;
}
/* fieldset , legend */
#monForm fieldset
{ margin-bottom: 10px; border: #CCC 1px solid;
}
#monForm fieldset:hover
{ background-color: #FFF;
}
#monForm fieldset legend
{ padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px
solid; font-size: 1.2em; color: #999;
}
/* Label */
#monForm label
{ background-color: #FFCC66; display: block; width: 39%; float: left;
padding-right: 1%; text-align: right; letter-spacing: 1px;
}
#monForm label:hover
{ font-weight: bold;
}
#monForm .form_label_nostyle
{ background: none;
}
/* Input */
#monForm input, #monForm select
{ margin-left: 1%; width: 58%; border: #CCC 1px solid;
}
#monForm input:hover, #monForm select:hover, #monForm input:focus,
#monForm select:focus
{ border: #999 1px solid; background-color: #DDEEFF;
}
#monForm .form_input_day_month
{ width: 3%;
}
#monForm .form_input_year
{ width: 6%;
}
/* button submit */
#monForm input[type="submit"]
{ border: #DDEEFF 1px solid; width: 27%;
}
#monForm input[type="submit"]:hover
{ background-color: #66CC33; cursor: pointer;
}
#monForm input[type="reset"]
{ border: #DDEEFF 1px solid; width: 27%;
}
#monForm input[type="reset"]:hover
{ background-color: #E6484D; cursor: pointer;
}

Attendez c'est pas fini ce me nu ne marche pas bien sous internet explorer pour ça on doit insérer ce endif entrela balize<head> et </head>

Félicitatiuons vous avez créer votre propre menu verticale.

menu 2: Item

Tester ce menu en ligne

Code HTML :

Code CSS :

Félicitatiuons vouscréer votre propre menu verticale : " ITEM "

Menu3: Liste avec petite description :

Tester ce menu en ligne

Code HTML :

Créons votre menu :

Menus Horizentaux

1Menu: "Vénis" :

menu 2: Item

Menu3: Liste avec petite description :