barre de navigation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu barre de navigation

Message par plz le Sam 20 Fév 2010 - 14:39

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.

plz
**

Masculin
Messages : 67
Inscrit(e) le : 27/10/2009

http://clan-BoD.forumactif.com/
plz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Tyma le Sam 20 Fév 2010 - 15:14

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 Smile.

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par plz le Sam 20 Fév 2010 - 15:19

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 !

plz
**

Masculin
Messages : 67
Inscrit(e) le : 27/10/2009

http://clan-BoD.forumactif.com/
plz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Tyma le Sam 20 Fév 2010 - 15:25

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 Smile.

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par plz le Sam 20 Fév 2010 - 16:17

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 ...

plz
**

Masculin
Messages : 67
Inscrit(e) le : 27/10/2009

http://clan-BoD.forumactif.com/
plz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Tyma le Dim 21 Fév 2010 - 15:54

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

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 Smile.

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum