Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Survol d'un bouton de la barre de navigation

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

Résolu Survol d'un bouton de la barre de navigation

Message par emc2 le Dim 2 Nov 2014 - 17:50

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : survol d'un bouton sur la navigation
Lien du forum : http://forumfrance.forumactif.fr/

Description du problème

Je viens de rajouter un bouton sur la barre de navigation. Hors, j'avais déjà mis un code pour celle-ci dans le CSS:
Code:
/*IMAGE ACCUEIL*/
#i_icon_mini_index{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button10.png);/*image si la souris ne survole pas*/
  width:80px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_index:hover{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button11.png); /*image si la souris survole*/
  width:80px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button12.png); /*image si la souris ne survole pas*/
  width:100px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_calendar:hover{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button13.png); /*image si la souris survole*/
  width:100px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button14.png'); /*image si la souris ne survole pas*/
  width:42px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_faq:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button15.png'); /*image si la souris survole*/
  width:42px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button16.png'); /*image si la souris
ne survole pas*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_search:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button17.png'); /*image si la souris survole*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MEMBRES*/
#i_icon_mini_members{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button18.png'); /*image si la souris ne survole pas*/
  width:84px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_members:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button19.png'); /*image si la souris survole*/
  width:84px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/
#i_icon_mini_groups{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button21.png'); /*image si la souris ne survole pas*/
  width:72px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_groups:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button22.png'); /*image si la souris survole*/
  width:72px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button23.png'); /*image si la souris ne survole pas*/
  width:60px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_profile:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button24.png'); /*image si la souris survole*/
  width:60px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button25.png'); /*image si la souris ne survole pas*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_message:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button26.png'); /*image si la souris survole*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button27.png'); /*image si la souris ne survole pas*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_new_message:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button28.png'); /*image si la souris survole*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button29.png'); /*image si la souris ne survole pas*/
  width:116px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_logout:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button30.png'); /*image si la souris survole*/
  width:116px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button31.png'); /*image si la souris ne survole pas*/
  width:88px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_register:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button32.png'); /*image si la souris survole*/
  width:88px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button33.png'); /*image si la souris ne survole pas*/
  width:96px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_login:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button34.png'); /*image si la souris survole*/
  width:96px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
Je cherche à faire en sorte que l'image de survole (déjà prête) de la galerie puisse apparaître de la même manière que les autres.
Merci par avance.


Dernière édition par emc2 le Dim 2 Nov 2014 - 23:27, édité 1 fois
avatar

emc2
*****

Messages : 538
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Survol d'un bouton de la barre de navigation

Message par Neptunia le Dim 2 Nov 2014 - 20:03

Bonjour ^^

Il suffit d'appliquer le même principe avec les identifiants suivants :

- #i_icon_mini_gallery
- #i_icon_mini_gallery:hover
avatar

Neptunia
Membre actif

Féminin
Messages : 13530
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Survol d'un bouton de la barre de navigation

Message par emc2 le Dim 2 Nov 2014 - 23:17

Ok, merci ! J'étais sur "galerie" au lieu de "gallery" !
Je ne balise pas immédiatement, Je fais d'abord le codage.
Merci encore.
avatar

emc2
*****

Messages : 538
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 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