Piwigo.org

instantphotos19 · 2013-03-11 21:27:42

Bonjour,

J'ai créé un menu personnalisé à part pour accéder à mon livre d'or.
Néanmoins, la couleur du menu ne change par au passage de la souris.

Je cherche comment intégrer la fonction "hover" dans mon menu personnalisé :

le contenu du block étant "

<a href="http://www.sebastien-perrette.fr/index?/page/livredor"> Livre d'or</a>

" que dois-je ajouter pour avoir une couleur au passage de la souris identique aux autres menus ???

Merci

flop25 · 2013-03-11 21:32:55

bonsoir
http://www.zonecss.fr/style_css/feuille_css_hover.html
:)

instantphotos19 · 2013-03-11 21:43:52

c'est du charabia tout ça pour moi ;)

je dois ajouter "<A:hover {color: #??????;}> dans le contenu du block ????

mistic100 · 2013-03-11 21:53:01

Bonjour

ce genre de règles ne peut pas se faire inline (ie directement dans le tag html) il faut passer par des classes et du CSS déporté (dans un fichier ou un tag <style>)

il y a un excellent tutoriel sur le site du zéro pour prendre en main :-)

flop25 · 2013-03-11 21:54:29

Tout à fait
Lisez d'abord http://fr.piwigo.org/doc/doku.php?id=pw … alites:css avec des liens utiles dedans

instantphotos19 · 2013-03-12 14:48:27

Ok, grace à firebug j'ai localisé qu'il s'agit du menu "mbAMM_personalised29" que je veux modifier.

Donc, je dois ajouter "<A:hover {color: #??????;}>" avec le plugin "localfiles editor" dans " local/css/luciano-rules.css "....

Mais avec quelle syntaxe ???

mistic100 · 2013-03-12 17:07:41

a:hover {
#??????;
}

vous y étiez presque ^^

par contre pour cibler uniquement les liens de votre menu, il faudrait les entourer d'un on d'un <div> ayant un id spécifique (disons "mon_super_menu")

et dans le css :

#mon_super_menu a:hover .......

mistic100 · 2013-03-12 17:08:55

d'ailleyrs vous pourrez virer tous vos spans (pour info pas la peine de faire un span par régle css, on peut en mettre plusieurs) pour faire (avant la définition du hover)

#mon_super_menu a {
color:#ff7700;
font-size: 19px;
font-weight: 700;
}

instantphotos19 · 2013-03-12 17:44:59

et là, part rapport à ce que vous venez d'écrire :

#mon_super_menu a {
color:#ff7700;
font-size: 19px;
font-weight: 700;
}

Pour le mettre en application, il faudrait que j'écrive :

#mbAMM_personalised29 {
a:hover:#FFFFFF
color:#ff7700;
font-size: 19px;
font-weight: 700;
}

mistic100 · 2013-03-12 17:56:56

non
a:hover c'est un selecteur css, pas une propriété (si vous voyez ce que je veux dire ^^)

#mbAMM_personalised29 a {
color:#ff7700;
font-size: 19px;
font-weight: 700;
}

#mbAMM_personalised29 a:hover {
color:#ffffff;
}

instantphotos19 · 2013-03-12 18:05:19

Oki... je voyais pas, mais je commence à saisir certaines subtilités.....

Néanmoins, je viens d'écrire

#mbAMM_personalised29 a:hover {
color:#ffffff;
}

dans local/css/luciano-rules.css.... et ça fonctionne pas... rien ne se passe au survol de la souris.... :(

flop25 · 2013-03-12 18:14:20

mettez #mbAMM_personalised29 dd a:hover car il ya concurrence avec #menubar dd a
et supprimez !!!

Comment j'ai fait ? j’ai simplement utilisé Firebug, très facile à utiliser

instantphotos19 · 2013-03-12 18:35:03

Je suis une bille !!

j'ai supprimé inline et ajouté

#mbAMM_personalised29 dd a {
color:#ff7700;
font-size: 19px;
font-weight: 700;
}

#mbAMM_personalised29 dd a:hover {
color:#ffffff;
}

dans local/css/luciano-rules.css... Néanmoins, j'ai perdu ma couleur #ff7700.......................

flop25 · 2013-03-12 18:40:06

^^
allez on va y arriver
il existe :visited pour les liens déjà visités : donc là
#mbAMM_personalised29 dd a:visited {
color:#ff7700;
}
parce qu'il ya
#menubar dd a, #menubar dd a:visited {
color: #EEEEEE;
}

flop25 · 2013-03-12 18:41:50

D'ailleurs je ne comprens pourquoi faire tout ça alors que par défaut, sans tous les span vous avez le même résultat que "Formulaire de contact"

Piwigo.org

Annonce

#1 2013-03-11 21:27:42

[Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#2 2013-03-11 21:32:55

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#3 2013-03-11 21:43:52

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#4 2013-03-11 21:53:01

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#5 2013-03-11 21:54:29

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#6 2013-03-12 14:48:27

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#7 2013-03-12 17:07:41

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#8 2013-03-12 17:08:55

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#9 2013-03-12 17:44:59

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#10 2013-03-12 17:56:56

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#11 2013-03-12 18:05:19

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#12 2013-03-12 18:14:20

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#13 2013-03-12 18:35:03

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#14 2013-03-12 18:40:06

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

#15 2013-03-12 18:41:50

Re: [Résolu] Syntaxe fonction "hover" dans les menus personnalisés ?

Pied de page des forums