Boutons d'accueil : problème

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

Résolu Boutons d'accueil : problème

Message par Houders le Dim 6 Avr 2014 - 11:10

 Like a Star @ heaven Bonjour, Like a Star @ heaven 

J'aimerais que quand je met ma souris sur par exemple le bouton membre. Que ce bouton s'allume, pareil pour accueil, groupes, deconnexion, connexion.

J'ai les images allumé dans mes fichiers mais je ne sais pas le code pour que quand la souris passe dessus c'est l'autre image qui vient pour faire une sorte d'allumage.

Cordialement, Houders


Dernière édition par Houders le Dim 6 Avr 2014 - 12:08, édité 1 fois

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons d'accueil : problème

Message par Neptunia le Dim 6 Avr 2014 - 11:20

Bonjour ^^


Ce que vous souhaitez obtenir est détaillé dans ce tutoriel
Right Images de la Barre de Navigation modifiées au passage de la souris

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons d'accueil : problème

Message par Houders le Dim 6 Avr 2014 - 11:54

Bonjour,

Merci de m'avoir répondu.
Mais j'ai essayé mais ça ne fonctionne pas, je crains que ça ne fonctionne qu'avec des mini icons.
Moi ce sont des images de 83px de largeur et 52 de hauteur.

Voici un petit aperçu de ma navigation:

J'ai essayé avec le tuto que vous m'avez envoyé, mais rien y fait, ça ne fonctionne pas.

Code:
    /*IMAGE INDEX*/
        #i_icon_mini_index{
          background-image:url('http://i56.servimg.com/u/f56/16/47/18/49/accuei17.png'); /*image si la souris ne survole pas*/
          width:83px; /*Largeur de l'image*/
          height:52px; /*Hauteur de l'image*/
        }
        #i_icon_mini_index:hover{
          background-image:url('http://i56.servimg.com/u/f56/18/51/06/01/naviga11.gif'); /*image si la souris survole*/
          width:83px; /*Largeur de l'image*/
          height:52px; /*Hauteur de l'image*/
        }
        /*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'); /*image si la souris ne survole pas*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*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('URL'); /*image si la souris ne survole pas*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*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('URL'); /*image si la souris ne survole pas*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*Hauteur de l'image*/
        }
        #i_icon_mini_profile:hover{
          background-image:url('URL'); /*image si la souris survole*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*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*/
        }

Voici le code que j'ai mis pour l'instant j'ai juste test avec l'image d'accueil, mais cela ne fonctionne pas.

Cordialement, Houders

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons d'accueil : problème

Message par Neptunia le Dim 6 Avr 2014 - 12:02

Avez vous pensé à mettre une image vide ici ?

PA > Affichage > Gestion des images > Mode avancé ?

Sinon autre problème
Vous déclarez une image au survol de 83*52 alors que votre gif fait 31*44
Il est par ailleurs fortement recommandé d'avoir deux images de mêmes dimensions, surtout pour la largeur.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons d'accueil : problème

Message par Houders le Dim 6 Avr 2014 - 12:06

AoF-Neptune a écrit:Avez vous pensé à mettre une image vide ici ?

 Image vide ?, c'est à dire ?

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons d'accueil : problème

Message par Houders le Dim 6 Avr 2014 - 12:06

Oops, exusez-moi, je viens de comprendre... Attendez j'essaye

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons d'accueil : problème

Message par Houders le Dim 6 Avr 2014 - 12:08

Merci cela fonctionne parfaitement. +1 & résolu Razz

Houders
**

Messages : 92
Inscrit(e) le : 26/10/2013

http://Hobbac.org
Houders 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