Effet changement de texte du menu par hoover

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Effet changement de texte du menu par hoover

    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?!
    Membre depuis juillet 2008 et encore jeune membre ???

  • #2
    Re : Effet changement de texte du menu par hoover

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

    Exemple:


    mais il faudrait en savoir plus sur ton template et ton menu, ou voir ton site car les CSS ne sont pas faciles à faire.
    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      Re : Effet changement de texte du menu par hoover

      Merci de ton retour
      j'utilise ce template
      Classifieds Joomla Template - demo site. Browse the demo site example of best Joomla template for classifieds website.


      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!
      Membre depuis juillet 2008 et encore jeune membre ???

      Commentaire


      • #4
        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
        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
        Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

        Commentaire


        • #5
          Re : Effet changement de texte du menu par hoover

          Envoyé par 2boubacar10 Voir le message
          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....

          Commentaire


          • #6
            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
            Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

            Commentaire


            • #7
              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
              Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
              Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

              Commentaire


              • #8
                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";}
                Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X