barre de navigation

[plz]

comment faire changer les images de la barre de navigation au survol du curseur (j'ai le CSS approprié mais je ne sais pas où le placer)

merci.

[Tyma]

Bonjour, comme je l'ai fait il y a peut de temps, je connais maintenant la marche à suivre.

Si vous avez votre code, aller dans (et insérer le) :

PA -> Affichage -> Couleurs -> Feuille de style CSS.

En espérant que cela vous aidera .

[plz]

oui mais du coup mes codes je les rattaches à quoi ?? (.quoi ??)

merci pour l'info. et puis si tu as déjà des codes tout fais je suis prenant car je ne suis pas super fort en CSS ^^ et je ne suis pas sur que les miens vont être bon !

merci de ton aide !

[Tyma]

Et bien, je te conseillerais de te reporter à ce tutoriel de Forumactif images de la barre de navigation modifiées au passage de la souris.

C'est ce tutoriel qui m'avait aidé, le code CSS est disponible sur ce tutoriel, il te suffit juste d'insérer les liens de tes images qui seront visibles sur ta barre de navigation (image normal, et image survolé par la souris) et d'enter leurs tailles respectifs. Tous cela est bien expliqué dans le tutoriel que je t'ai parlé.


C'est un plaisir .

[plz]

effectivement le tuto à l'air bien mais il ne fonctionne pas chez moi ...
tu pourrais juste me taper le texte si je te donne les deux premiers liens pour savoir si ce n'est pas moi qui ferais une faute ?

http://host.image.files.free.fr/host/4b7e5763e63e3accueil.png
http://host.image.files.free.fr/host/4b7ffaa0122c2accueil.png

voilà je suis vraiment désolé de te redéranger ...

[Tyma]

Bonjour, cela ne me dérange pas du tout, bien au contraire, c'est un plaisir que d'aider .

Alors voici le code des deux premiers liens que tu m'a passé :

Code:

/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('http://host.image.files.free.fr/host/4b7e5763e63e3accueil.png'); /*image si la souris ne survole pas*/
  width:203px; /*Largeur de l'image*/
  height:35px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
  background-image:url('http://host.image.files.free.fr/host/4b7ffaa0122c2accueil.png'); /*image si la souris survole*/
  width:203px; /*Largeur de l'image*/
  height:35px; /*Hauteur de l'image*/
}

Pour informations, j'ai juste remplacer les deux url par l'adresse des deux images, ainsi qu'ajouter leurs dimension respective (la même d'ailleurs).

J'espère que cela t'aidera .