Liens de mon menu

Statut
N'est pas ouverte pour d'autres réponses.
hoshi

hoshi

Hoshi's Love
Yop,
voila j'aurais aimé savoir comenfaire pour que quand la souris passe sur un des liens de mon menu, la couleur du texte change, mais il y'aurait aussi une image en fond enfaite. Si quelqu'un avait une solution, de préf en php ou javascript mais ouvert aux reste :-D

merci

++
 
eSb`

eSb`

That's Poker!
Tu peux le faire en css :

Code: 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.menu
{
           background-image: url(img.jpg);
	width: 80px;
	height: 15px;
}
.menulien
{
          color: #000000;
}
a.menulien:hover
 {
	color: #ffffff;
}
-->
</style>
</head>

<body>
<div class="menu"><a href="#" class="menulien">dddd</a></div>
</body>
</html>
Ce qui donne un truc du genre.
http://www.esb-studio.be/Gamerz/css/test.html
(j'ai supprimé quelques trucs non importants dans le code ci-dessus)

.menulien
{
color: #000000; -> couleur du texte intitiale
}

a.menulien:hover
{
color: #ffffff; -> couleur du texte en passant dessus
}

Je ne vois pas bien ce que tu veux dire avec ton image, mais tu peux la faire apparaître en changeant le background-image dans le hover.
 
1er
OP
hoshi

hoshi

Hoshi's Love
C'est pas tout à fait ca enfaite sinon j'aurai simplement mis l'image en dessous et le changement de couleur en 2 clics avec dream ^^, nan le truc c'est l'image du fond doit aparaitre en meme temps que quand tu te trouve sur le lien et pas à l'initial ;)
 
SeigVoland

SeigVoland

Elite
Tu veux avoir du texte et quand on passe la souris dessus, une image apparaît?
 
1er
OP
hoshi

hoshi

Hoshi's Love
Si tu veux mais le texte change de couleur en meme temps :)
 
N

NoBrain

Touriste
hoshi a dit:
C'est pas tout à fait ca enfaite sinon j'aurai simplement mis l'image en dessous et le changement de couleur en 2 clics avec dream ^^, nan le truc c'est l'image du fond doit aparaitre en meme temps que quand tu te trouve sur le lien et pas à l'initial ;)
Cliquez pour agrandir...
Place simplement le background dans le status a:hover
 
1er
OP
hoshi

hoshi

Hoshi's Love
Merci :) je vais aller tester tout ca :) juste une question pourquoi y a un a. enfaite?
 
eSb`

eSb`

That's Poker!
Vite-fait, ça peut donner ça :
http://www.esb-studio.be/Gamerz/css/test1.html

Donc ça change quand tu passes sur la case et pas forcément sur le lien.
(je vais tenter de le faire changer quand tu passes sur le lien après avoir pris une douche :-D)
 
1er
OP
hoshi

hoshi

Hoshi's Love
eSb` a dit:
Vite-fait, ça peut donner ça :
http://www.esb-studio.be/Gamerz/css/test1.html

Donc ça change quand tu passes sur la case et pas forcément sur le lien.
(je vais tenter de le faire changer quand tu passes sur le lien après avoir pris une douche :-D)
Cliquez pour agrandir...

Pas bsoin c'est juste quand tu passe sur la case que sa doit changer justement :)
 
eSb`

eSb`

That's Poker!
http://www.esb-studio.be/Gamerz/css/test2.html

Voilà alors ; ).

J'ai changé la structure de mon "code" pour y arriver.
#menu a : signifie que dans le div ayant pour id "menu" toutes les balises <a> prendront cet attribut. (même idée pour le a. de tout à l'heure)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
#menu a
{
          font-family: Verdana;
	font-size: 11px;
	text-align: center;
	width: 80px;
	height: 15px;
	display:block;
	color: #000000;
}

#menu a:hover
 {
	background-image: url(img.jpg);
	color: #ffffff;
}

-->
</style>
</head>

<body>
  <div id="menu">
	<a href="#">Premier</a>
	<a href="#">Deuxième</a>
	<a href="#">Troisième</a>
  </div>
</body>
</html>
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut