Menu css tout simple

Soyez le premier à donner votre avis sur cette source.

Snippet vu 20 609 fois - Téléchargée 31 fois

Commenter

Contenu du snippet

Bah voila c'est un menu très simple entièrement en CSS.
Vous pouvez le personnaliser à volonté (il suffit de savoir manipuler le CSS).

Source / Exemple : 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu CSS</title>

<style type="text/css">

A.menulink
{
display: block;
width: 110px;
text-align: left;
text-decoration: none;
font-family: Verdana,arial;
font-size:12px;
color: #000000;
border: solid 1px #ffffff;
}

A.menulink:hover
{
border: solid 1px #cccccc;
background-color:#eeeeee;
text-decoration: none;
}

</style>

</head>

<body>
	<a href="index.htm" class="menulink">&nbsp;Home&nbsp;</a> 
	<a href="discute.htm" class="menulink">&nbsp;Discuter&nbsp;</a> 
	<a href="jeux.htm" class="menulink">&nbsp;Jeux&nbsp;</a> 
	<a href="links.htm" class="menulink">&nbsp;Liens&nbsp;</a> 
	<a href="vb.htm" class="menulink">&nbsp;Programmation&nbsp;</a> 
	<a href="recherche.htm" class="menulink">&nbsp;Rechercher&nbsp;</a> 
	<a href="about.htm" class="menulink">&nbsp;A propos&nbsp;</a> 
	<a href="contact.htm" class="menulink">&nbsp;Contact&nbsp;</a> 
</body>
</html>

Conclusion :


pas de bugs connus.
laissez vos commentaires, remarques ...

A voir également

Ajouter un commentaire Commentaires
cs_bultez Messages postés 13616 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
10 avril 2004 à 14:19
c'est sûrement très bien, mais quel
est le rapport avec JavaScript ?
ici c'est JavaScriptFR.com, des sources JavaScript.
@+
quitues Messages postés 102 Date d'inscription vendredi 7 mars 2003 Statut Membre Dernière intervention 23 octobre 2004
10 avril 2004 à 17:11
en fait c'est la simplification du script JS de mathieumg

"MENU TABLE ROLLOVER STYLE KINGS OF CHAOS.COM" http://www.javascriptfr.com/code.aspx?ID=16290

tellement simplifié (je le reconnais) qu'il n'y a plus de javascript.
jeff_the_lifeguard Messages postés 73 Date d'inscription lundi 13 octobre 2003 Statut Membre Dernière intervention 16 août 2004
10 avril 2004 à 19:43
Super, en plein qu'est-ce que je cherchais. En plus, c'est complètement paramétrable sans que je me casse trop la tête.

Merci
jeff_the_lifeguard Messages postés 73 Date d'inscription lundi 13 octobre 2003 Statut Membre Dernière intervention 16 août 2004
10 avril 2004 à 19:44
Mais il y a une affaire que je comprend pas, ca sert a koi cela
display: block; ???
quitues Messages postés 102 Date d'inscription vendredi 7 mars 2003 Statut Membre Dernière intervention 23 octobre 2004
10 avril 2004 à 21:52
ca sert a ce que les liens soient en colone sans utiliser de
.
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (quitues)