Inscrutation d'une image de fond à la barre de Nav + changement au survol

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

Résolu Inscrutation d'une image de fond à la barre de Nav + changement au survol

Message par Nyko-neko le Jeu 25 Déc 2014 - 22:46

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis la création du forum
Lien du forum : http://eldarya-rpg.forumactif.org/

Description du problème

Bonjour!
Je viens à vous pour un petit soucis...

Il y a quelques temps, j'avais fais un forum et j'avais mis une image de fond à ma Barre de Navigation et quand on survolait cette dernière, une autre image se faisait voir en fond de l'onglet survolé comme on peut voir ici:
Spoiler:


je sais que c'est possible, mais sinon, si il y a un code où on met une image X et au survole c'est une image Y qui apparaît je m'en contenterai très bien ^^ je veux juste pouvoir reproduire cet effet exactement (le forum étant "lié" au site dont je tire mes screens)

merci à vous <3


Dernière édition par Nyko-neko le Sam 27 Déc 2014 - 21:55, édité 1 fois

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inscrutation d'une image de fond à la barre de Nav + changement au survol

Message par Invité le Ven 26 Déc 2014 - 7:33

Bonjour

Vous avez  les questions réponses ici même afin de trouver les réponses à votre recherche Smile .
Ainsi que la fonction " Recherche " qui vous donne ceci :
http://forum.forumactif.com/t374725-inscrutation-d-une-image-de-fond-a-la-barre-de-nav-changement-au-survol
Avec un peut de recherche vous allez trouver votre réponse , bonne fête .
Cordialement Smile .

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inscrutation d'une image de fond à la barre de Nav + changement au survol

Message par Nyko-neko le Sam 27 Déc 2014 - 0:27

merci, si je demandais de l'aide c'est que j'ai justement déja cherché

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inscrutation d'une image de fond à la barre de Nav + changement au survol

Message par Invité le Sam 27 Déc 2014 - 8:25

@Nyko-neko a écrit:merci, si je demandais de l'aide c'est que j'ai justement déja cherché
Bonjour Je me suis dit aussi ???? Smile !
Code CSS :

/* Barre Navigation */

#i_icon_mini_index{width:81px; height:68px; background:url(url de l'image index) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(url de l'image index) no-repeat 0 -68px;}

#i_icon_mini_calendar{width:113px; height:68px; background:url(url de l'image calendrier) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(url de l'image calendrier) no-repeat 0 -68px;}

#i_icon_mini_faq{width:56px; height:68px; background:url(url de l'image Faq) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(url de l'image Faq) no-repeat 0 -68px;}

#i_icon_mini_search{width:120px; height:68px; background:url(url de l'image Rechercher) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(url de l'image Rechercher) no-repeat 0 -68px;}

#i_icon_mini_gallery{width:86px; height:68px; background:url(Galerie) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(url de l'image Galerie) no-repeat 0 -68px;}

#i_icon_mini_members{width:100px; height:668px; background:url(url de l'image Membres) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(url de l'image Membres) no-repeat 0 -68px;}

#i_icon_mini_groups{width:94px; height:68px; background:url(url de l'image Groupes) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(url de l'image Groupes) no-repeat 0 -68px;}

#i_icon_mini_profile{width:72px; height:68px; background:url(url de l'image Profil) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(url de l'image Profil) no-repeat 0 -68px;}

#i_icon_mini_message{width:122px; height:68px; background:url(url de l'image Messagerie) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(url de l'image Messagerie) no-repeat 0 -68px;}

#i_icon_mini_new_message{width:123px; height:68px; background:url(url de l'image New Message) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(url de l'image New message) no-repeat 0 -68px;}

#i_icon_mini_logout{width:142px; height:68px; background:url(url de l'image Deconnexion) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(Deconnexion) no-repeat 0 -68px;}

#i_icon_mini_register{width:123px; height:68px; background:url(url de l'image S'enregistrer) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(url de l'image S'enregistrer) no-repeat 0 -68px;}

#i_icon_mini_login{width:142px; height:68px; background:url(url de l'image Connexion) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(url de l'image Connexion) no-repeat 0 -68px;}

PA/Affichage/Images et couleurs/couleurs/Feuille de style CSS
remplacer ce qui est en rouge dans le code css par les url des images.

Et voici les images pour une barre de navigation en ruban qui change au passage de la souris :
Images:

index:
https://i11.servimg.com/u/f11/18/07/55/29/index10.png

Calendrier :
https://i11.servimg.com/u/f11/18/07/55/29/calend11.png

Galerie :
https://i11.servimg.com/u/f11/18/07/55/29/galler10.png

Faq :
https://i11.servimg.com/u/f11/18/07/55/29/faq10.png

Rechercher :
https://i11.servimg.com/u/f11/18/07/55/29/search10.png

Groupes :
https://i11.servimg.com/u/f11/18/07/55/29/groups10.png

Membres :
https://i11.servimg.com/u/f11/18/07/55/29/member10.png

profil :
https://i11.servimg.com/u/f11/18/07/55/29/profil10.png

Messagerie :
https://i11.servimg.com/u/f11/18/07/55/29/messag10.png

New Message :
https://i11.servimg.com/u/f11/18/07/55/29/new-mp10.png

S'enregistrer (Register) :
https://i11.servimg.com/u/f11/18/07/55/29/regist10.png

Connexion :
https://i11.servimg.com/u/f11/18/07/55/29/connex10.png

Deconnexion (Off) :
https://i11.servimg.com/u/f11/18/07/55/29/off10.png
En espérant vous avoir aidé ?
Cordialement
P-J

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inscrutation d'une image de fond à la barre de Nav + changement au survol

Message par Nyko-neko le Sam 27 Déc 2014 - 21:55

Merci beaucoup ^^

je met ça de coté pour les mois à venir Smile

encore merci à vous ^_^

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko 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