Effet changement de texte du menu par hoover

[2boubacar10]

Bonjour,
J'ai un problem. Serait-t'il possibile que l'on puisse avoir un changement de texte au passage de la souris sur un menu joomla.

En effet je suis dans un pays ou on parle deux langues, le wolof et le français. Ce que j'aimerais c'est faire un menu dans une langue et mettre en arrière plan la traduction de chaque menu en français des que l'on survole avec la souris. L'effet hoover en css.

exemple

yéré => (hover) habille
dalle => (hover) chaussure

Est ce que ce serait possible sur joomla?!

[ghazal]

Re : Effet changement de texte du menu par hoover

Salut,
avec :
:hover::after et content, c'est possible

Exemple:

http://codepen.io/ghazalp/pen/LNVGeY

mais il faudrait en savoir plus sur ton template et ton menu, ou voir ton site car les CSS ne sont pas faciles à faire.

[2boubacar10]

Re : Effet changement de texte du menu par hoover

Merci de ton retour
j'utilise ce template

http://templates.joomla-monster.com/joomla30/jm-joomads/

Je connaissais les hove::after, mais je ne sais pas comment les appliqués avec un menu joomla. Deja dans un menu il y'a plusieurs liens et c'est gerer de façon dynamique et non statique. En plus hover::after ne change pas véritablement le texte, mais ajouter un texte juste apres!

[manu93fr]

Re : Effet changement de texte du menu par hoover

Bonsoir,
dans ce cas pourquoi ne pas faire differents menus en multilangue par exemple.
De plus, il me semble que le :hoover ne fonctionnera pas sur un telephone ou une tablette

[lefabdu51]

Re : Effet changement de texte du menu par hoover

Merci de ton retour
Je connaissais les hove::after, mais je ne sais pas comment les appliqués avec un menu joomla. Deja dans un menu il y'a plusieurs liens et c'est gerer de façon dynamique et non statique. En plus hover::after ne change pas véritablement le texte, mais ajouter un texte juste apres!

passe par l'itemid pour cibler chaque lien.
regardes les classes css du menu avec firebug et tu comprendras....

[ghazal]

Re : Effet changement de texte du menu par hoover

@manu93fr

De plus, il me semble que le :hoover ne fonctionnera pas sur un telephone ou une tablette

Can I use... Support tables for HTML5, CSS3, etc
-> http://caniuse.com/#search=%3Aafter
-> http://caniuse.com/#search=%3Ahover

[manu93fr]

Re : Effet changement de texte du menu par hoover

@Ghazal
Je voulais dire que le passage de la souris et le doigt sur un téléphone, c'est pas tout à fait la même navigation
Là si j'ai bien compris, il recherche un effet automatique au passage de la souris ... sur un smartphone, il faudra cliquer sur ce lien pour voir l'effet ... si la personne ne clique pas sur son menu, il ne verra pas l'autre langue s'afficher .. non ? Je dis une connerie ?
Corrige moi si c'est la cas

[ghazal]

Re : Effet changement de texte du menu par hoover

@manu93
hmm.., faut tester sur les supports (ipad, iphone, galaxy, etc ...)

@2boubacar10
La recommandation de lefabdu51 est correcte :

passe par l'itemid pour cibler chaque lien.
regardes les classes css du menu avec firebug et tu comprendras....

Sur le template cité, prenons par ex. le lien de menu Pages puis Category Blog - 2 columns
Avec Firebug, on voit que l'ItemId de "Category Blog - 2 columns" est :
item-575

Tu peux essayer un truc du genre :
.item-575 a:hover::before {content:"habille";}