Bouton barre de menu

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

Résolu Bouton barre de menu

Message par buzzounours le Mer 10 Sep 2014 - 4:47

Bonjour j ai récemment crée un forum sur votre plateforme. J ai fait de nouveau bouton, j arrive a uploader et remplacer le bouton normal.
Par contre la ou cela bloque, j ai aussi crée un état au survol de la souris mais je ne sais pas comment l ajouter.

Vous serais il possible de m indiquer la marche a suivre svp
D'avance merci



buzzounours
Nouveau membre

Messages : 5
Inscrit(e) le : 10/09/2014

http://wonderland.easyforum.fr
buzzounours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton barre de menu

Message par crazysharks le Mer 10 Sep 2014 - 9:48

tient tu met ça dans la feuille css et tu change les liens et tu change aussi la taille des images Yes

Code:

/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('http://img110.xooimage.com/files/3/0/d/forum-46d4258.png'); /*image si la souris ne survole pas*/
  width:92px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
  background-image:url('http://img110.xooimage.com/files/b/4/9/forum2-46d4272.png'); /*image si la souris survole*/
  width:92px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE PORTAIL*/
#i_icon_mini_portal{
  background-image:url('http://img110.xooimage.com/files/9/f/d/accu-46d41a6.png'); /*image si la souris ne survole pas*/
  width:106px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_portal:hover{
  background-image:url('http://img110.xooimage.com/files/a/1/d/accueil2-46d41f2.png'); /*image si la souris survole*/
  width:106px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
  background-image:url('http://img110.xooimage.com/files/3/6/b/calendrier-46d42fd.png'); /*image si la souris ne survole pas*/
  width:149px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
  background-image:url('http://img110.xooimage.com/files/e/2/b/calendrier-46d4436.png'); /*image si la souris survole*/
  width:149px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE GALLERIE*/
#i_icon_mini_gallery{
  background-image:url('http://img110.xooimage.com/files/f/a/b/galerie-46d4307.png'); /*image si la souris ne survole pas*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_gallery:hover{
  background-image:url('http://img110.xooimage.com/files/7/d/f/galerie2-46d4456.png'); /*image si la souris survole*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
  background-image:url('http://img110.xooimage.com/files/e/e/4/membre-46d432f.png'); /*image si la souris ne survole pas*/
  width:105px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
  background-image:url('http://img110.xooimage.com/files/2/8/3/membre2-46d447e.png'); /*image si la souris survole*/
  width:105px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/
#i_icon_mini_groups{
  background-image:url('http://img110.xooimage.com/files/4/1/9/groupe-46d4322.png'); /*image si la souris ne survole pas*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_groups:hover{
  background-image:url('http://img110.xooimage.com/files/4/2/c/groupe2-46d4464.png'); /*image si la souris survole*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
  background-image:url('http://img110.xooimage.com/files/a/d/4/profil-46d434a.png'); /*image si la souris ne survole pas*/
  width:89px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
  background-image:url('http://img110.xooimage.com/files/7/2/5/profil2-46d4496.png'); /*image si la souris survole*/
  width:89px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
  background-image:url('http://img110.xooimage.com/files/2/5/6/mp-46d433a.png'); /*image si la souris ne survole pas*/
  width:47px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
  background-image:url('http://img110.xooimage.com/files/c/9/e/mp2-46d4487.png'); /*image si la souris survole*/
  width:47px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
  background-image:url('http://img110.xooimage.com/files/c/2/7/newsmpgif-46d43b1.gif'); /*image si la souris ne survole pas*/
  width:84px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
  background-image:url('http://img110.xooimage.com/files/7/a/7/newsmp2-46d43ce.png'); /*image si la souris survole*/
  width:84px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
  background-image:url('http://img110.xooimage.com/files/4/d/3/deconnexion-46d431b.png'); /*image si la souris ne survole pas*/
  width:169px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
  background-image:url('http://img110.xooimage.com/files/3/9/6/deconnexion2-46d444f.png'); /*image si la souris survole*/
  width:169px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
  background-image:url('http://img110.xooimage.com/files/2/9/6/s-enregistrer-46d4350.png'); /*image si la souris ne survole pas*/
  width:195px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
  background-image:url('http://img110.xooimage.com/files/0/8/0/s-enregistrer2-46d44a8.png'); /*image si la souris survole*/
  width:195px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
  background-image:url('http://img110.xooimage.com/files/a/e/0/connexion-46d4316.png'); /*image si la souris ne survole pas*/
  width:141px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
  background-image:url('http://img110.xooimage.com/files/1/8/d/connexion2-46d443f.png'); /*image si la souris survole*/
  width:141px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}

crazysharks
***

Masculin
Messages : 105
Inscrit(e) le : 10/01/2014

http://lameute.geekaddict.net
crazysharks a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton barre de menu

Message par buzzounours le Mer 10 Sep 2014 - 13:42

Un tout grand merci pour cette réponse claire et rapide.

buzzounours
Nouveau membre

Messages : 5
Inscrit(e) le : 10/09/2014

http://wonderland.easyforum.fr
buzzounours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton barre de menu

Message par crazysharks le Mer 10 Sep 2014 - 16:20

de rien, même si je sais pas si j'ai le droit de te répondre lol

crazysharks
***

Masculin
Messages : 105
Inscrit(e) le : 10/01/2014

http://lameute.geekaddict.net
crazysharks a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton barre de menu

Message par buzzounours le Ven 12 Sep 2014 - 11:29

Serait il possible de faire clignoter un de ces boutons? (qu il passe automatiqument d un etat a un autre) Pour le metrre en evidance.

buzzounours
Nouveau membre

Messages : 5
Inscrit(e) le : 10/09/2014

http://wonderland.easyforum.fr
buzzounours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton barre de menu

Message par buzzounours le Ven 12 Sep 2014 - 14:48

J ai trouver la solution, qui était pourtant toute simple ... Créer un gif animer pour gérer le clignotement.

buzzounours
Nouveau membre

Messages : 5
Inscrit(e) le : 10/09/2014

http://wonderland.easyforum.fr
buzzounours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton barre de menu

Message par Chacha le Mar 16 Sep 2014 - 10:09

..Bonjour,

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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50927
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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