Joomladay francophone 2018 à Paris 18 et 19 mai

couleur des menus

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

  • [Problème] couleur des menus

    Bonjour
    j'utilise le template Axe Rescheek sous joomla 1.5 et j'aimerai changer la couleur des polices de menu et sous menu dans le menu gauche
    www.lachambreclaire.fr
    je trouve rien de rien sur ces modifications et les possibilités
    qqn peut il m'aider pas à pas?
    merci

  • #2
    trouvé

    j'ai trouvé les manip pour changer les couleurs du menu de gauce
    par contre, le pb c'est que maintenant dans la page liens
    tous les liens s'affichent en vert

    ce même vert qui agresse s'il est trop présent dans la page
    j'ai comme l'impression qu'il faudrait ajouter du code mais alors là, je suis plus que bidon

    je n'arrive pas non plus à désactiver la bulle (axe reeserch) au survol de la souris sur le logo de l'association



    merci de votre aide

    Commentaire


    • #3
      Bonjour inflight !

      Pourrais-tu envoyer le CSS de ton menu, que l'on puisse t'aider car le problème vient de là.
      @-Communication : http://www.acommunication.fr

      Commentaire


      • #4
        Bonjour Goldsilken

        qd tu me parles du css des menus, je vois bien qu'il doit y avoir un soucis...
        voilà le css du template avec en rouge gras ce que j'ai changé pour obtenir ce fameux vert
        désolée, je suis vraiment une de ces novices qui ont de envies....
        merci d'avance de m'expliquer s'il y a d'autres choses à faire



        /*------------------------------------------------------------------------
        # JoomlAxe CSS
        # ------------------------------------------------------------------------
        # Copyright (C) 2008 JoomlAxe.
        # @license - GPU/GPL
        # Author: Spy2furious@gmail.com
        # Websites: http://www.joomlaxe.com
        # This file may be redistributed or editted in whole or significant part.
        -------------------------------------------------------------------------*/
        html, body, form, fieldset {
        margin: 0;
        padding: 0;
        }

        body {
        background: #FFFFFF;
        color: #888;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 1.5em;
        }

        /* Normal link */
        a:link, a:visited {
        color: #12ed5b;
        font-size: 12px;
        text-decoration: underline;

        }

        a:hover, a:active {
        text-decoration: none;
        }

        a img {
        border: none;
        }

        /* Heading */
        h1 {font-size: 200%;}
        h2 {font-size: 175%;}
        h3 {font-size: 150%;}
        h4 {font-size: 125%;}

        p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
        margin: 5px 0;
        padding: 0;
        }

        ul {
        list-style: none;
        }

        ul li {
        padding-left: 0px;
        }

        ol li {
        margin-left: 35px;
        }

        th {
        font-weight: bold;
        padding: 8px;
        text-align: left;
        }

        fieldset {
        padding: 5px 5px;
        border: none;
        }

        fieldset a {
        font-weight: bold;
        }

        fieldset.input {
        padding: 0;
        background: none;
        }

        textarea{
        width: 700px;
        border: none;
        background-color: #EEE;
        padding: 5px;

        }
        hr {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #EEEEEE;
        height: 1px;
        }

        br {
        height: 1px;
        font-size: 1px;
        }

        td, th, div {
        font-size: 100%;
        text-align: left;
        }

        .containerheader{
        width: 950px;
        margin: 0 auto;
        }

        .container{
        width: 950px;
        margin: 0 auto;
        overflow: hidden;
        }

        /*================================ HEADER ============================*/
        .headerbg{
        width: 100%;
        margin-top: 35px;
        }

        .headerbg1{
        width: 180px;
        padding-left: 770px;
        height: 30px;
        }

        .headerbg2{
        width : 950px;
        height: 93px;
        }

        .headerbg21{
        width: 300px;
        float: left;
        height: 93px;
        }

        .headerbg22{
        width: 650px;
        padding-top: 20px;
        float: left;

        }
        /*============================ ROUNDED SEPARATOR =======================*/
        .roundedmodulebg{
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
        }

        .roundedmodule1{
        width: 950px;
        background-color: #EFEFEF;
        background-image: url(../images/roundedkiriatas.gif);
        background-position: left top;
        background-repeat: no-repeat;
        }

        .roundedmodule2{
        width: 100%px;
        background-image: url(../images/roundedkananatas.gif);
        background-position: right top;
        background-repeat: no-repeat;
        }

        .roundedmodule3{
        width: 100%px;
        background-image: url(../images/roundedkiribawah.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        }

        .roundedmodule4{
        width: 100%px;
        background-image: url(../images/roundedkananbawah.gif);
        background-position: right bottom;
        background-repeat: no-repeat;
        padding: 5px;
        }


        /*================================ MAINBODY ============================*/
        .mainbodybg{
        margin-top: 20px;
        }
        /*Left*/
        .columnkiri{
        width: 200px;
        float: left;

        }
        /*Center*/
        .columntengah{
        width: 510px;
        float: left;
        margin-left: 20px;
        }

        #pathway{
        margin-bottom: 10px;
        }

        /*Right*/
        .columnkanan{
        width: 200px;
        float: left;
        margin-left: 20px;

        }
        /*================================ FOOTER ============================*/
        .footerbg1{
        width: 100%;
        color: #888;
        border-top: 3px solid #EEE;
        padding-top: 10px;
        margin-top: 10px;
        height: 17px;
        }
        /*============================== COPYRIGHT ============================*/
        .copyrightbg{
        width: 100%;
        padding: 0px 0px 10px 0px;
        }

        .copyright{
        text-align: left
        }

        .copyright span{
        color: #7cb905;
        }

        Commentaire


        • #5
          Re Inflight


          Ce que tu as changé, c'est pour tous les liens en général du site
          /* Normal link */
          a:link, a:visited {
          color: #12ed5b;
          font-size: 12px;
          text-decoration: underline;
          }
          Tu n'as pas un fichier appelé menu.css ou quelque chose comme ça dans le fichier CSS de ton template ?

          Là j'ai pas les outils pour vérifier rapidement, mais je ferai un tour ce soir de chez moi et je te redirai ce qu'il faut modifier.

          @-Communication : http://www.acommunication.fr

          Commentaire


          • #6
            ben non il n'y a pas de menu.css

            (je t'ai mis l'archive du template de départ en pj pour que tu comprennes comment il est fait).

            y'a suffix, template, collapse, joomla, collapse2, et typo.css
            par contre dans le fichier js, j'ai un moomenu.js qui dit ça:

            moi j'y comprends rien, ou presque ...
            if (typeof(MooTools) != 'undefined'){

            var subnav = new Array();

            Element.extend(
            {
            hide: function(timeout)
            {
            this.status = 'hide';
            clearTimeout (this.timeout);
            if (timeout)
            {
            this.timeout = setTimeout (this.anim.bind(this), timeout);
            }else{
            this.anim();
            }
            },

            show: function(timeout)
            {
            this.status = 'show';
            clearTimeout (this.timeout);
            if (timeout)
            {
            this.timeout = setTimeout (this.anim.bind(this), timeout);
            }else{
            this.anim();
            }
            },

            setActive: function () {
            //this.addClass(classname);
            this.className+='sfhover';
            /*
            for(var i=0;i<this.childNodes.length; i++) {
            if(this.childNodes[i].nodeName.toLowerCase() == 'a') {
            //$(this.childNodes[i]).addClass(classname);
            $(this.childNodes[i]).setActive();
            return;
            }
            }
            */
            },

            setDeactive: function () {
            //this.removeClass(classname);
            this.className=this.className.replace(new RegExp("sfhover\\b"), "");
            /*
            for(var i=0;i<this.childNodes.length; i++) {
            if(this.childNodes[i].nodeName.toLowerCase() == 'a') {
            $(this.childNodes[i]).setDeactive();
            return;
            }
            }
            */
            },

            anim: function() {
            if ((this.status == 'hide' && this.style.left != 'auto') || (this.status == 'show' && this.style.left == 'auto' && !this.hidding)) return;
            this.setStyle('overflow', 'hidden');
            if (this.status == 'show') {
            this.hidding = 0;
            this.hideAll();
            //this.parentNode.setActive();
            } else {
            //this.parentNode.setDeactive();
            }

            if (this.status == 'hide')
            {
            this.hidding = 1;
            //this.myFx1.stop();
            this.myFx2.stop();
            //this.myFx1.start(1,0);
            if (this.parent._id) this.myFx2.start(this.offsetWidth,0);
            else this.myFx2.start(this.offsetHeight,0);
            } else {
            this.setStyle('left', 'auto');
            //this.myFx1.stop();
            this.myFx2.stop();
            //this.myFx1.start(0,1);
            if (this.parent._id) this.myFx2.start(0,this.mw);
            else this.myFx2.start(0,this.mh);
            }
            },

            init: function() {
            this.mw = this.clientWidth;
            this.mh = this.clientHeight;
            //this.myFx1 = new Fx.Style(this, 'opacity');
            //this.myFx1.set(0);
            if (this.parent._id)
            {
            this.myFx2 = new Fx.Style(this, 'width', {duration: 300});
            this.myFx2.set(0);
            }else{
            this.myFx2 = new Fx.Style(this, 'height', {duration: 300});
            this.myFx2.set(0);
            }
            this.setStyle('left', '-999em');
            animComp = function(){
            if (this.status == 'hide')
            {
            this.setStyle('left', '-999em');
            this.hidding = 0;
            }
            this.setStyle('overflow', '');
            }
            this.myFx2.addEvent ('onComplete', animComp.bind(this));
            },

            hideAll: function() {
            for(var i=0;i<subnav.length; i++) {
            if (!this.isChild(subnav[i]))
            {
            subnav[i].hide(0);
            }
            }
            },

            isChild: function(_obj) {
            obj = this;
            while (obj.parent)
            {
            if (obj._id == _obj._id)
            {
            //alert(_obj._id);
            return true;
            }
            obj = obj.parent;
            }
            return false;
            }


            });


            var DropdownMenu = new Class({
            initialize: function(element)
            {
            //$(element).mh = 0;
            $A($(element).childNodes).each(function(el)
            {
            if(el.nodeName.toLowerCase() == 'li')
            {
            //if($(element)._id) $(element).mh += 30;
            $A($(el).childNodes).each(function(el2)
            {
            if(el2.nodeName.toLowerCase() == 'ul')
            {
            $(el2)._id = subnav.length+1;
            $(el2).parent = $(element);
            subnav.push ($(el2));
            el2.init();
            el.addEvent('mouseover', function()
            {
            el.setActive();
            el2.show(0);
            return false;
            });

            el.addEvent('mouseout', function()
            {
            el.setDeactive();
            el2.hide(20);
            });
            new DropdownMenu(el2);
            el.hasSub = 1;
            }
            });
            if (!el.hasSub)
            {
            el.addEvent('mouseover', function()
            {
            el.setActive();
            return false;
            });

            el.addEvent('mouseout', function()
            {
            el.setDeactive();
            });
            }
            }
            });
            return this;
            }
            });

            Window.onDomReady(function() {new DropdownMenu($E('#topmenu ul.menu_topmenu'))});

            }else {

            sfHover = function() {
            var sfEls = document.getElementById("topmenu").getElementsByTa gName("li");
            for (var i=0; i<sfEls.length; ++i) {
            sfEls[i].onmouseover=function() {
            this.className+="sfhover";
            }
            sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp("sfhover\\b"), "");
            }
            }
            }
            if (window.attachEvent) window.attachEvent("onload", sfHover);
            }
            Fichiers joints

            Commentaire


            • #7
              Salut Inflight !

              Voilàa ce qu'il faut que tu modifies :

              http://www.lachambreclaire.fr/templa...s/template.css

              a:link, a:visited (line 24)

              {

              color: #12ed5b; ---> couleur du menu de gauche (normal)

              font-size: 12px;

              text-decoration: underline;

              }

              a:hover, a:active (line 30)

              {

              text-decoration: none;
              color: #000000;--> ajoute une couleur quand tu passes dessus

              }
              Pour le menu du haut :

              div.menu a, div.menu a:visited, div.menu a:link (line 97)

              {

              font-size: 14px;

              font-family: Verdana,Arial,Helvetica,sans-serif;

              text-align: left;

              font-weight: normal;

              color: #12ed5b; ---> couleur menu normal

              text-decoration: none;

              margin-bottom: 0px;

              display: block;

              white-space: nowrap;

              }


              #menu a.hover (line 123)

              {

              background-image: none;

              color: #fe0074;

              background-color: #ffffff;

              color:#000000 ; -> ajoute une couleur quand tu passe au dessus

              }
              Bon courage !
              @-Communication : http://www.acommunication.fr

              Commentaire


              • #8
                merci de ton aide
                j'ai juste une petite question pour tout comprendre et avant de faire toutes les corrections

                dans la page lien
                http://lachambreclaire.fr/index.php?...&id=5&Itemid=5
                affiche les lien inséré dans le corps de l'article en vert (de la meme façon que les menus); je n'ai pas vu de différence entre un lien de menu et un lien inséré dans un article dans ce css, mais peut être simplement parce que je ne sais pas à quoi ça correspond

                où est-ce exactement dans le script que tu m'as envoyé?

                je commence à mieux comprendre!
                chouette

                Commentaire

                Annonce

                Réduire
                1 sur 2 < >

                C'est [Réglé] et on n'en parle plus ?

                A quoi ça sert ?
                La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                Comment ajouter la mention [Réglé] à votre discussion ?
                1 - Aller sur votre discussion et éditer votre premier message :


                2 - Cliquer sur la liste déroulante Préfixe.

                3 - Choisir le préfixe [Réglé].


                4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                2 sur 2 < >

                Assistance au forum - Outil de publication d'infos de votre site

                Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                UTILISER À VOS PROPRES RISQUES :
                L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                Problèmes connus :
                FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                Installation :

                1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                Archive zip : https://github.com/AFUJ/FPA/zipball/master

                2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                et remplacer www. votresite .com par votre nom de domaine


                Exemples:
                Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                Télécharger le script fpa-fr.php dans: /public_html/
                Pour executer le script: http://www..com/fpa-fr.php

                Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                Télécharger le script fpa-fr.php dans: /public_html/cms/
                Pour executer le script: http://www..com/cms/fpa-fr.php

                En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                Voir plus
                Voir moins
                Travaille ...
                X