créé un bouton animé

**Funraill.net** · 22/10/2005, 22h49

Bonjour,

voila j'aimerai crée un effet de bouton a mes lien en image
j'aimerai qu'il s'incruste quand on clic dessus
ou bien pouvoir changer l'image au moment ou la sourie passe dessus et la changé une nouvelle fois quand on clic dessus

ceux sont les bouton en haut.

http://funraill.net.free.fr/melting-pot-resto/

merci

**spirou** · 23/10/2005, 10h34

Salut !!!

Tu peux utiliser le border inset outset, mais c'est pas tip-top, car cela n'a pas le même rendu sous tous les navigateurs, donc le mieux est que tu fasses toi même tes bordures, le plus difficile est de trouver la bonne couleur.
Ou encore que tu fasses une image pour chaque état de ton bouton.

Voici quelques exemples de boutons :

http://www.cssplay.co.uk/menus/menutwo.html
http://www.cssplay.co.uk/menus/menu5teen.html
http://www.cssplay.co.uk/menus/ultimate.html
http://www.cssplay.co.uk/menus/artists.html
http://www.cssplay.co.uk/menus/flipswitch.html

**ilood** · 23/10/2005, 10h36

Salut,

Il y a un problème avant tout: la définition des balises html.
Dans le code source de ta page on ne trouve pas de <html>, <body>
Une page de base se compose comme ceci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
<title>Titre de la page</title>
<style type="text/css">
<!-- mes styles -->
</style>
</head>
<body>
<!-- contenu de la page --></body>
</html>

Pour les effets de survol utilise les selecteurs a:hover, a:active ... avec la propriété background: url(monimage.jpg);