attribuer une couleur spécifique à l'onglet courant

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

  • [RÉGLÉ] attribuer une couleur spécifique à l'onglet courant

    Bonjour,

    Pour une fois je vais faire court.

    L'un de vous saurait-il comment je devrais procéder afin de mettre en avant l'onglet courant sur cette page avec un background-color différent ?


  • #2
    Re : attribuer une couleur spécifique à l'onglet courant

    Salut,

    L'onglet courant ne comporte pas de classe spécifique supplémentaire, donc en css et sans développement ça ne va pas être possible.
    Tu as deux solutions pour moi :
    - Vérifier dans les options du composant si il n'y a pas un truc du genre "highlight selected".
    - Les onglets sont appelés en javascript, donc modifier légèrement le code (si il n'est pas obscurci) pour rajouter une classe lors du clic.

    A+

    Commentaire


    • #3
      Re : attribuer une couleur spécifique à l'onglet courant

      Merci kursus pour cette réponse

      Je suis en mesure d'ajouter des classes/id, mais il me manque le truc pour changer dynamiquement la classe suivant l'onglet courant.

      Commentaire


      • #4
        Re : attribuer une couleur spécifique à l'onglet courant

        mais il me manque le truc pour changer dynamiquement la classe suivant l'onglet courant.
        Pourquoi as-tu besoin de ça ?

        Commentaire


        • #5
          Re : attribuer une couleur spécifique à l'onglet courant

          Il faut bien que j'arrive a distinguer les classes des liens (onglet) suivant la page courante. Pour y appliquer le style qui va bien.

          Commentaire


          • #6
            Re : attribuer une couleur spécifique à l'onglet courant

            Ha ok donc

            Je suis en mesure d'ajouter des classes/id,
            voulait dire "en css"...

            Et oui comme je te le disais il faut modifier le javacript pour lui faire ajouter des classe. Poste la partie du script qui t'intéresse ici si il n'est pas crypté, sinon essaye de récupérer les sources.

            Commentaire


            • #7
              Re : attribuer une couleur spécifique à l'onglet courant

              bah au plus simple crees la classe qui definit tes liens et pour distinguer l'item courant, utilise le pseudo selecteur :current. Il marches et se declare comme :hover.

              Commentaire


              • #8
                Re : attribuer une couleur spécifique à l'onglet courant

                salut,
                il y aurait une solution en JavaScript pour ce genre d'effet, mais il y a vraiment trop d'erreurs (cf Firebug) dues probablement à un mauvais placement de la librairie jQuery.

                Je peux mettre à dispo cette soluce, mais comme tout ce qui touche au JavaScript est relativement délicat, il faudrait corriger ces erreurs.

                com_events_booking et mod_xpertscroller sont jQuery-based, mais, probablement à cause d'un réglage de com_events_booking, mod_xpertscroller prend la précédence sur le placement de jQuery dans la head - et se retrouve placé après les scripts qui en dépendent, pas top.
                En principe, la librairie jQuery devrait arriver avant même les 2 fichiers Mootools (core et more).
                Il faudrait tester ce qui se passe en désactivant mod_xpertscroller

                Autre chose, re com_events_booking :
                l'onglet Pick dates
                * affiche une erreur sur le texte (cf les fichiers .ini peut-être incorrectement renseignés)
                * le bouton submit sur les dates ne fonctionne pas (peut-être en rapport avec les erreur JS précédemment indiquées)
                * j'ai un bon copain vigneron plein de qualités (surtout son vin, lol) parmi lesquelles ne figure pas sa maitrise de l'anglais.
                Une traduction des termes anglais de l'Agenda ne serait pas superflue.
                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


                • #9
                  Re : attribuer une couleur spécifique à l'onglet courant

                  salut
                  effectivement, je suis de l'avis de ghazal.
                  Je pense qu'un simple truc (je clique -> enleve la classe sur les autres tabs + ajoute sur celle cliquée) devrait faire l'affaire.
                  Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                  http://www.template-creator.com Outil de création de templates
                  Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                  Commentaire


                  • #10
                    Re : attribuer une couleur spécifique à l'onglet courant

                    @ced
                    j'ai repris ta soluce sur le rel, pour que ce soit le moins intrusif possible.
                    On set le style et on ajoute l'event avec un morph sur l'opacity parce que l'hover en CSS ne fonctionne plus.

                    @fkang
                    Solution en JS :
                    JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

                    Et il faut virer le background-color dans com_events_booking/templates/mTemplate/assets/css/events_booking.css:
                    #box-browse-events .section-tab-head a {
                    background-color: #B65C5C;
                    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


                    • #11
                      Re : attribuer une couleur spécifique à l'onglet courant

                      Merci pour votre aide
                      Je me suis tourné vers joomseller (développeurs du composant) et le problème venait de mauvais chargement de jquery.

                      @ghazal >> tiens tiens... un bon copain vigneron, cela m'intéresse .

                      Commentaire


                      • #12
                        Re : attribuer une couleur spécifique à l'onglet courant

                        Morgon ?
                        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