Barre de navigation survoler les images

3 participants

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

Résolu Barre de navigation survoler les images

Message par Unwanted Mar 27 Sep 2011, 23:49

Bonsoir,

j'ai décidé d'installer une barre de navigation avec la feuille de style css de mon forum en suivant les instructions que forumactif met à disposition ici

J'ai suivis les instructions données avec soin mais ma barre de navigation de s'affiche plus sur ma page d'acceuil.

Voici ce que j'ai inséré dans ma feuille css :

Code:
/*IMAGE INDEX*/#i_icon_mini_index{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_151.jpg*/  width:??px; /*73*/  height:??px; /*42*/}#i_icon_mini_index:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_155.jpg*/  width:??px; /*83*/  height:??px; /*48*/}/*IMAGE PORTAIL*/#i_icon_mini_portal{  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_portal:hover{  background-image:url('URL'); /*image si la souris survole*/  width:??px; /*Largeur de l'image*/  height:??px; /*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('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_140.jpg*/  width:??px; /*39*/  height:??px; /*42*/}#i_icon_mini_faq:hover{  background-image:url('URL'); /*://i48.servimg.com/u/f48/16/88/19/38/sans_156.jpg*/  width:??px; /*45*/  height:??px; /*48*/}/*IMAGE RECHERCHE*/#i_icon_mini_search{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_141.jpg */  width:??px; /*83*/  height:??px; /*42*/}#i_icon_mini_search:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_157.jpg*/  width:??px; /*95*/  height:??px; /*48*/}/*IMAGE LISTE MEMBRES*/#i_icon_mini_members{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_142.jpg*/  width:??px; /*87*/  height:??px; /*42*/}#i_icon_mini_members:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_158.jpg*/  width:??px; /*99*/  height:??px; /*48*/}/*IMAGE GROUPES*/#i_icon_mini_groups{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_143.jpg*/  width:??px; /*79*/  height:??px; /*42*/}#i_icon_mini_groups:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_159.jpg*/  width:??px; /*90*/  height:??px; /*48*/}/*IMAGE PROFIL*/#i_icon_mini_profile{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_144.jpg*/  width:??px; /*59*/  height:??px; /*42*/}#i_icon_mini_profile:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_160.jpg*/  width:??px; /*67*/  height:??px; /*48*/}/*IMAGE MP (pas de nouveaux messages)*/#i_icon_mini_message{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_145.jpg*/  width:??px; /*103*/  height:??px; /*42*/}#i_icon_mini_message:hover{  background-image:url('URL'); /*://i48.servimg.com/u/f48/16/88/19/38/sans_161.jpg*/  width:??px; /*118*/  height:??px; /*48*/}/*IMAGE MP (nouveaux messages)*/#i_icon_mini_new_message{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/11162811.gif*/  width:??px; /*103*/  height:??px; /*42*/}#i_icon_mini_new_message:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_162.jpg*/  width:??px; /*118*/  height:??px; /*48*/}/*IMAGE DECONEXION*/#i_icon_mini_logout{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_147.jpg*/  width:??px; /*123*/  height:??px; /*42*/}#i_icon_mini_logout:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_163.jpg*/  width:??px; /*141*/  height:??px; /*48*/}/*IMAGE S'ENREGISTRER*/#i_icon_mini_register{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/11162812.gif*/  width:??px; /*93*/  height:??px; /*42*/}#i_icon_mini_register:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_164.jpg*/  width:??px; /*106*/  height:??px; /*48*/}/*IMAGE CONNEXION*/#i_icon_mini_login{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_148.jpg*/  width:??px; /*104*/  height:??px; /*42*/}#i_icon_mini_login:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_165.jpg*/  width:??px; /*119*/  height:??px; /*48*/}

Quelqun saurait-il identifier le problème ?
Merci d'avance
avatar

Unwanted
Nouveau membre

Messages : 2
Inscrit(e) le : 27/09/2011

http://test-design.frbb.net
Unwanted a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation survoler les images

Message par Ea Mer 28 Sep 2011, 00:45

Bonjour,


Il faut remplacer les ?? par la bonne taille à chaque fois ^^
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Barre de navigation survoler les images

Message par Unwanted Mer 28 Sep 2011, 11:53

C'est à dire que je dois remplacer les ?? par la bonne taille ainsi que ici :

/*Largeur de l'image*/ /*Hauteur de l'image*/

?
avatar

Unwanted
Nouveau membre

Messages : 2
Inscrit(e) le : 27/09/2011

http://test-design.frbb.net
Unwanted a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation survoler les images

Message par missx Mer 28 Sep 2011, 13:46

tu doit mettre l'url de l'image à la place de URL ainsi que les dimensions
par exemple :
Code:
#i_icon_mini_index{  background-image:url('http://i48.servimg.com/u/f48/16/88/19/38/sans_151.jpg');  width:73px;  height:42px; }
ce qu'il y a entre /* */ ce sont des indications sur ce que tu doit faire, ce n'est pas pris en compte par le css.
a+
missx

missx
Membre actif

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

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

Résolu Re: Barre de navigation survoler les images

Message par Invité Jeu 06 Oct 2011, 08:07

Barre de navigation survoler les images Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Barre de navigation survoler les images Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Barre de navigation survoler les images 50378

A bientôt sur ForumActif Smile
Anonymous

Invité
Invité


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

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

- Sujets similaires

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