Modification image barre de navigation au passage de la souris
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Modification image barre de navigation au passage de la souris
Tout d'abord, je suis désolée si je ne poste pas dans la bonne section =S
Voilà, j'ai installé le code de ce tutoriel sur mon css (tout fonctionne très bien), et à la fin il est question de :
Merci d'avance !
Voilà, j'ai installé le code de ce tutoriel sur mon css (tout fonctionne très bien), et à la fin il est question de :
J'ai bien compris le but, mais quelqu'un pourrait-il m'expliciter cela ? Je ne comprends ce qu'il faut faire exactement... ^^"Narumi a écrit:Pour un remplacement immédiat sans temps de chargement ( la première fois ), vous pourriez avoir l'image et son remplacement sur la même "image" et utiliser la propriété background-position dans le CSS pour faire apparaître l'une ou l'autre.
Merci d'avance !
Dernière édition par MlleAlys le Sam 3 Nov 2012 - 21:38, édité 3 fois
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
Re: Modification image barre de navigation au passage de la souris
Il faut 2 images par catégories:
Exemple: Pour le portail, il faut 1 image (qui sera affichée lorsqu'on est sur le forum) et 1 autre qui changera lorsqu'on passera dessus avec le pointeur de la souris.
Pour l'index ça donnerait par exemple:
Tu change les adresses des url par les images que tu aura préparé, et pour chaque catégories, tu fais la même chose.
Au final, ça donne:
www.carpenoctem.wowjdr.com
Bon courage.
Exemple: Pour le portail, il faut 1 image (qui sera affichée lorsqu'on est sur le forum) et 1 autre qui changera lorsqu'on passera dessus avec le pointeur de la souris.
Pour l'index ça donnerait par exemple:
- Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url(http://i49.servimg.com/u/f49/17/69/03/92/forum_10.png); /*image si la souris ne survole pas*/
width:100px; /*Largeur de l'image*/
height:40px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url(http://i49.servimg.com/u/f49/17/69/03/92/forum_11.png); /*image si la souris survole*/
width:100px; /*Largeur de l'image*/
height:40px; /*Hauteur de l'image*/
}
Tu change les adresses des url par les images que tu aura préparé, et pour chaque catégories, tu fais la même chose.
Au final, ça donne:
www.carpenoctem.wowjdr.com
Bon courage.
Re: Modification image barre de navigation au passage de la souris
Bonsoir,
Ca marche avec deux images mais aussi avec une seule MlleAlys
Pour ta citation de Narumi, il parle d'une seule image de ce type :
Qui contient les 2 sur une seule et que l'on positionne par le css.
La seule chose que tu as à choisir c'est une des deux solutions, ce que tu as fait.
Ca marche avec deux images mais aussi avec une seule MlleAlys
Pour ta citation de Narumi, il parle d'une seule image de ce type :
Qui contient les 2 sur une seule et que l'on positionne par le css.
La seule chose que tu as à choisir c'est une des deux solutions, ce que tu as fait.
Re: Modification image barre de navigation au passage de la souris
Vous Pouvez utilisez sa
Re: Modification image barre de navigation au passage de la souris
@AenigmA : aaaaah ! ok, je vois le principe maintenant !! :thanks:
(@loupbrave : oui merci, c'est déjà ce que j'ai fait avec le tuto =P Mais je vois sur ta page que tu as aussi le temps de chargement qui laisse un blanc, ce que je voulais résoudre ^^
@paolo18pp : merci, mais si j'ai bien compris, ça revient à ce que j'ai fait avec le tuto ^^)
Je passe le sujet en !
EDIT : ça marche impec, merci encore !
(@loupbrave : oui merci, c'est déjà ce que j'ai fait avec le tuto =P Mais je vois sur ta page que tu as aussi le temps de chargement qui laisse un blanc, ce que je voulais résoudre ^^
@paolo18pp : merci, mais si j'ai bien compris, ça revient à ce que j'ai fait avec le tuto ^^)
Je passe le sujet en !
EDIT : ça marche impec, merci encore !
MlleAlys- Membre actif
- Messages : 5902
Inscrit(e) le : 12/09/2012
Sujets similaires
» Changement d'image au passage de la souris sur la barre de navigation
» Menu personnalisé (barre de navigation) : changement de l'image au passage de la souris
» Barre de Navigation modifiées au passage de la souris sur boutons ajoutés
» Images de la Barre de Navigation modifiées au passage de la souris
» barre de navigation avec effet au passage de la souris
» Menu personnalisé (barre de navigation) : changement de l'image au passage de la souris
» Barre de Navigation modifiées au passage de la souris sur boutons ajoutés
» Images de la Barre de Navigation modifiées au passage de la souris
» barre de navigation avec effet au passage de la souris
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum