Problème avec un code pour ma barre de navigation

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

Résolu Problème avec un code pour ma barre de navigation

Message par Zangli le Sam 2 Avr 2011 - 21:45

Bonjour,

Voilà, je souhaite créer une barre de navigation uniquement composée d'images qui changent au passage de la souris. J'ai trouvé un tutoriel ici-même.
Seulement j'ai un petit souci. J'ai bien suivi toutes les étapes, mais il n'y a que mon bouton Accueil (index) qui s'affiche. J'ai essayer de trouver une solution avant de demander de l'aide, mais je n'ai rien trouvé.

En vous remerciant par avance.



Dernière édition par Zangli le Dim 3 Avr 2011 - 13:06, édité 1 fois

Zangli
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 24/05/2010

http://saranghaedesig.forumactif.org/index.htm
Zangli a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Melisa25 le Sam 2 Avr 2011 - 21:48

Je peut avoir ton code CSS ?! Wink

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Zangli le Sam 2 Avr 2011 - 21:51

Bien sûr. Par contre je n'ai pas rempli toutes les zones d'adresses d'images de tous les boutons. J'ai fait des essais sur 2 ou 3 voyant que ça ne fonctionnait pas.
Spoiler:

.signature_div {
overflow: hidden;
width: 500px;
height: 200px;
}

/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090845757737926936.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090846757737926937.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE PORTAIL*/
#i_icon_mini_portail{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_portal:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png''); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png''); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/
#i_icon_mini_groups{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_groups:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png''); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('URL'); /*image si la souris ne survole pas*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}

Zangli
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 24/05/2010

http://saranghaedesig.forumactif.org/index.htm
Zangli a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Melisa25 le Sam 2 Avr 2011 - 21:53

Merci, je vais voir ce qui cloche je vous informe dès que j'ai trouver !

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Melisa25 le Sam 2 Avr 2011 - 22:03


Moi aussi ça ne marche pas !
J'ai tout essayer mais à vrai je ne mis connais pas trop ! Il faudrait que tu attende quelque de plus compétent ! Encore navré e ne pas pus t'avoir aider

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Scoubifitz le Sam 2 Avr 2011 - 23:40

bonsoir,

pour les boutons que vous avez activé , il y a des erreurs ...
Spoiler:
.signature_div {
overflow: hidden;
width: 500px;
height: 200px;
}

/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090845757737926936.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090846757737926937.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE PORTAIL*/
#i_icon_mini_portail{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_portal:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/

/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png''); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/

/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png''); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('URL'); /*image si la souris survole*/
width:??px; /*Largeur de l'image*/
height:??px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/

/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png''); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/

/*IMAGE MP (nouveaux messages)*/

/*IMAGE DECONEXION*/

/*IMAGE S'ENREGISTRER*/

/*IMAGE CONNEXION*/
- remplacer portail par portal
- fermez les liens d'images par une apostrophe , et pas deux ...

essayez ce bout de code pour voir ... ( j'ai rempli les images hover par le même lien)

Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090845757737926936.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090846757737926937.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE PORTAIL*/
#i_icon_mini_portal{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_portal:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/

/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/

/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/

/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090847757737926941.png'); /*image si la souris ne survole pas*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://nsm05.casimages.com/img/2011/04/02/110402090848757737926943.png'); /*image si la souris survole*/
width:84px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/

/*IMAGE MP (nouveaux messages)*/

/*IMAGE DECONEXION*/

/*IMAGE S'ENREGISTRER*/

/*IMAGE CONNEXION*/

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Melisa25 le Dim 3 Avr 2011 - 7:51

C'était très simple ^^ !!

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour ma barre de navigation

Message par Zangli le Dim 3 Avr 2011 - 13:06

Effectivement, c'était super simple. Tellement simple que je ne l'ai même pas vu.
Du coup c'est nickel, ça fonctionne. Je vous remercie tout les deux d'avoir répondu. Et merci Scoubifitz pour la solution Very Happy

Zangli
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 24/05/2010

http://saranghaedesig.forumactif.org/index.htm
Zangli 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