Probleme css avec lien menu joomla 1.7

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

  • [RÉGLÉ] Probleme css avec lien menu joomla 1.7

    Bonjour à tous !
    J'ai cherché un bon moment sur le net et dans les fichiers css; et ne trouvant rien je me permet de vous embetter un peu !

    J'ai un site joomla 1.7 avec le template gratuit "bj_venus_2".
    Sur le menu principal (en haut) pas de soucis c'est ****l...
    Sur le menu secondaire (à gauche) la couleur de mes liens est en gris avec le fond du bloc en rouge ce qui ne va pas du tout, j'aimerai SIMPLEMENT mettre UNIQUEMENT mes liens du bloc/menu gauche en BLANC.

    Je précise que je débute sur joomla je suis sur que c'est facile mais je n'ai pas trouvé même en chercher moi même la ligne de code dans les css... J'ai remarqué que dans la rubrique MENU de l'admin quand on clic sur le menu puis le lien qu'on veut modifier, sur la droite apparait des options dont "Style CSS du lien" alors quand j'ai vu ça je me suis dis génial on peut paramétrer chaque lien à sa sauce... sauf que ca ne fonctionne pas j'ai créé un fichier CSS et jai rentré l'adresse de différente manière : css/moncss.css ou l'adresse complète avec http ou même le code couleur #fff directement mais RIEN A FAIRE ce satanné lien reste GRIS !!! soit je me trompe de manip dans la case STYLE CSS du lien (peut etre qu'elle sert a identifier un code dans le css et non un nouveau css, ou alors mon chemin d'accès est éronné mais alors comment ecrire correctement ? et si je ne peux pas via l'admin dans quel de ces css pensez vous que se trouve les liens du menu gauche secondaire ou mieux quel est le nom qui les identifie (en general):

    base.css
    bj_dropdownmenu.css
    blue.css
    custom.css
    layout.css
    template.css
    template_css.css
    template_css_ie6.css
    typo.css
    typo_ie6.css

    MERCI D'AVANCE !!!!!!!!!

  • #2
    Re : Probleme css avec lien menu joomla 1.7

    installe firebug et ensuite clic droit sur ton lien et inspecter un element.
    Tu sauras le fichier, le selecteur a modifier.

    Commentaire


    • #3
      Re : Probleme css avec lien menu joomla 1.7

      Arf merci mais j'ai déjà essayé avec firebug :

      <div class="bjmod-content">
      <li class="item-517">
      <a href="MON LIEN">MON TEXTE</a>
      </li>

      <li class="item-518">
      <a href="MON LIEN">MON TEXTE</a>
      </li>

      <li class="item-519">
      <a href="MON LIEN">MON TEXTE</a>
      </li>

      le soucis c'est que sa classe "item-xxx" n'apparait dans AUCUN CSS, quand au bjmod-content il est un peu dans tous les css, je précise que firebug n'a trouvé AUCUN CSS alors que je vous ai fais une liste plus haut !!

      MAIS POUR FAIRE SIMPLE : POUVEZ VOUS ME DIRE COMMENT FONCTIONNE LA PERSONNALISATION CSS PAR LIEN DEPUIS L'ADMIN (admin > Paramètres du type de liens > Style CSS du lien) ??? ON DOIT AJOUTER UN STYLE CSS DANS QUEL CSS ? Franchement bravo joomla : passer des heures pour si peu en html ca prend 2secondes... je veux juste modifier la couleur du lien de mon bloc gauche pas de tous les liens es-ce si compliqué que ça snif!

      Autant pour moi les lien de mon menu gauche sont apaprement liés au fichier BASE.CSS soi disant ligne 8 lol quand j'ouvre base.css avec dreamweaver y'a rien de tout ca (je vous copie le css ci dessous)
      Dernière édition par coco13 à 25/11/2011, 17h11

      Commentaire


      • #4
        Re : Probleme css avec lien menu joomla 1.7

        Bonjour,
        Franchement bravo joomla : passer des heures pour si peu en html ca prend 2secondes...
        ça c'est pas glop, comme disait un collègue à moi. Je ne suis pas un grand diplomate mais j'évite quand même de cracher dans la soupe quand je viens demander un service... Oui, tout ce qu'on ne connait pas semble complexe, et est chronophage. Tu obtiendras de meilleurs résultats en disant : je n'y comprends rien, aidez-moi s'il vous plait.


        Je pense que ton problème n'est pas un problème Joomla (en tout cas pas que) mais un problème de maîtrise du CSS. Quand tu es dans Firebug, en partie droite (ce que tu as montré est la partie gauche) tu as les CSS qui s'appliquent à ton élément et dans quel fichier ils se trouvent. Il y en a un dans le lot qui porte la couleur grise et il faut l'identifier parce que soit tu va le modifier, soit ,s'il est trop générique, créer un nouveau style qui prendra le pas sur lui dans ton menu. Mais pour ça il faut l'identifier pour taper au bon niveau et dans le bon fichier.

        En première approximation, avec ce que tu as montré, un
        Code:
        div. bjmod-content li a {
           color :#FFF
        }
        queque part doit ressembler à une solution à ton problème.
        Schtroumpfe toi le Schtroumpf t'aidera.
        Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

        Commentaire


        • #5
          Re : Probleme css avec lien menu joomla 1.7

          /* ======================== COMMON ======================== */



          /* standard */

          *{padding:0;margin:0;line-height:1.5em}

          body{color:#333333;font-size:12px;font-family:Arial,Helvetica,sans-serif}

          a{text-decoration: none;color:#0276c7;}

          a:hover{text-decoration:underline}

          ul{margin:0 0 0 20px}

          ul li{}

          blockquote{}

          a img{border:none}

          form fieldset{border:none}

          form li{background:none}

          h1,h2,h3{text-align:left}

          /* ======================== PATHWAY ======================== */

          span.pathway,a.pathway{}

          a.pathway:hover{}

          span.pathway img{}



          /* ======================== CONTENT ======================== */



          /* page title */

          .componentheading{font-weight:bold;text-transform:uppercase}

          h1{background:url(../images/v2-white-bg-gradient.png) repeat-x;height:25px;font-weight:bold;margin:0 0 15px 0px;text-transform:uppercase;color:#757A80;padding:7px 0px 0 20px;border:1px solid #DDD;border-radius:3px;

          -moz-border-radius: 3px;font-size:12px}

          div.componentheading h1, div.componentheading h2, div.componentheading h3{font-size:12px;display:inline}



          div.componentheading .left{padding:17px 3px;background:url(../images/heading_l.png) no-repeat;float:left;margin:-7px 0 0 -25px}

          div.componentheading .right{padding:17px 3px;background:url(../images/heading_r.png) no-repeat;float:left;margin-top:-25px;display:none}



          /*module title*/

          div.moduletable h3{}

          h4{margin:10px 0}



          /* blog page main wrapper */

          table.blog{}

          table.blog td{padding:0 5px}



          /* component & content container */

          table.contentpane,table.contentpaneopen{width:100% ;text-align:left}

          table.contentpane img,table.contentpaneopen img{}

          .contentpaneopen li{margin:3px 0;padding:0 10px;background:url(../images/square.png) left no-repeat;}



          table.contentpane td{width:auto}



          /* separator after each content item */

          span.article_seperator{}



          /* content title */

          td.contentheading,table.blog td.contentheading{font-size:16px;font-weight:bold}

          .leading-0 h2{font-size:16px;color:#2173AF;margin:0 0 8px 0}

          a.contentpagetitle{}



          /* 3 buttons */

          td.buttonheading{width:24px;padding:0;margin:0}

          td.buttonheading img,td.buttonheading a{margin:0;padding:0}

          table.blog td.buttonheading{padding:0 3px}

          table.contentpaneopen{border-spacing:0px;margin:0 0 5px 0}



          /* date & author */

          .article-info{padding:3px 15px;color:#7F7F7F;font-style:italic;margin:0 0 10px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

          .article-info dd{background:url(../images/typo/author16x16.png) left no-repeat;padding:0 0 0 20px;display:inline;margin:0 10px}

          .article-info .createdby{background:url(../images/typo/calendar16x16.png) left no-repeat;padding:0 0 0 20px}

          .article-info .article-info-term{display:none}

          td.create,td.modify{color:#7F7F7F;font-style:italic}

          .smalldark{}



          /* page counter */

          div.pagenavcounter{}



          /* table of content */

          table.contenttoc{padding:4px;margin:4px}

          table.contenttoc th{}

          table.contenttoc td{}

          a.toclink{}



          /* content image */

          div.img_caption{background:#f2f2f2;border:1px solid #CCC;padding:5px}

          div.left{margin:0 10px 10px 0}

          img.caption{}

          p.img_caption{font-style:italic;text-align:center}



          /* read more */

          a.readon{text-decoration:underline}

          a.readon:hover{}



          /* search result */

          .contentpaneopen fieldset{margin:10px 0;padding:10px;}



          /* ======================== MORE ======================== */



          /* panel */

          div.blog_more{}



          /* panel heading */

          div.blog_more div{}



          /* block list */

          div.blog_more ul{}

          div.blog_more ul li{}



          /* list link */

          .contentpaneopen li a,a.blogsection{color:#333333;text-decoration:none}

          .contentpaneopen li a:hover,a.blogsection:hover{color:#0276c7;text-decoration:underline}

          /* ======================== TABLE ======================== */



          /* description */

          td.contentdescription{font-weight:bold}



          /* category link */

          a.category{}



          /* listing */

          td.sectiontableheader{}

          tr.sectiontableentry1 td{}

          tr.sectiontableentry2 td{}



          /* ======================== NAVIGATION ======================== */



          /* multi-page content nav */

          div.pagenavbar{}

          div.pagenavbar div{}

          div.pagenavbar div a{}



          /* content item nav */

          th.pagenav_prev,th.pagenav_next{}

          th.pagenav_prev a,th.pagenav_next a{}



          /* blog page nav */

          .pagenav{}

          a.pagenav{}



          /* back button */

          div.back_button{}

          div.back_button a{}

          div.back_button a:hover{}



          /* ======================== FORM ======================== */

          form{}

          form label{}

          input,textarea{}

          input.button{padding:0 10px;text-align:center;cursorointer;height:17px;background:url(../images/v2-button.png) repeat-x;border:1px solid #FFF;font-size:11px;font-weight:bold}

          input.button:hover{background:url(../images/v2-button-over.png) repeat-x}

          button.button{padding:0 5px}

          .contentpane .inputbox{}

          .contentpane select.inputbox{}



          select#mod_templatechooser_jos_change_template{wid th:142px;margin-top:3px}

          textarea#contact_text.inputbox{width:90%}

          #search_searchword{width:130px}



          input.invalid{color:red;border:1px solid #ff0000}

          #system-message{margin:10px 0}

          #system-message dt.notice{background:#E6C0C0;padding:2px 10px;color:#fff;font-weight:bold;border:3px solid #DE7A7B;border-left:none;border-right:none}

          #system-message dt.message{background:#C3D2E5;padding:2px 10px;color:#fff;font-weight:bold;border:3px solid #84A7DB;border-left:none;border-right:none}

          #system-message dd.message{font-weight:bold;color:#000}

          div.message{background:#C3D2E5;padding:2px 10px;color:#fff;font-weight:bold;border:3px solid #84A7DB;border-left:none;border-right:none;margin:10px 0}

          /* ======================== POPUP ======================== */

          body.contentpane{}



          /* ======================== MENU ======================== */





          /* ======================== SEARCH ======================== */



          /* search wrapper */

          div.search{}



          /* keyword input field */

          input#mod_search_searchword{}



          /* keyword high-light */

          span.highlight{}



          /* ======================== LOGIN ======================== */

          input.inputbox#modlgn_username{border:none;height: 22px;padding:2px 0 0 2px;}

          input.inputbox#modlgn_passwd {border:none;height:22px;padding:2px 0 0 2px;}

          input#modlgn_remember{margin:5px 0 0 0}



          /* ======================== LATEST ARTICLE ======================== */

          ul.latestnews{}

          li.latestnews{}

          a.latestnews{}



          /* ======================== POPULAR ARTICLE ======================== */

          ul.mostread{}

          li.mostread{}

          a.mostread{}



          /* ======================== POLL ======================== */



          /* wrapper table */

          table.poll{}



          /* question cell */

          table.poll thead td{}



          /* answers cell */

          table.poll td{padding: 3px 0}



          /* answers table */

          table.pollstableborder{}

          table.pollstableborder .sectiontableheader{color:#2173AF;font-size:15px}

          table.pollstableborder .sectiontableheader img{margin:-12px 0 0 0}

          table.pollstableborder td{}

          td.sectiontableentry1,td.sectiontableentry2{text-align:left}

          td.sectiontableentry1 input{margin: 0 10px 0 0}

          table.pollstableborder .sectiontableentry0{background:#F2F2F2}

          table.pollstableborder .sectiontableentry0 td{padding:3px 5px}

          table.pollstableborder .sectiontableentry1 td{padding:3px 5px}

          table.pollstableborder .smalldark{font-weight:bold}

          table.poll input.button{padding:0px 3px;margin:0 0 10px 0}



          .contentpane .sectiontableheader{background:#DDD;padding:5px;fo nt-weight:bold}

          .contentpane .sectiontableentry1 td,.contentpane .sectiontableentry2 td{padding:5px}

          .contentpane .sectiontableentry2 td{background:#F2f2f2}

          /* Component contact */

          #component-contact .contentpaneopen{

          margin:0 0 0 20px;

          }



          #component-contact .table_contact td{



          }

          #component-contact .table_contact td.label{

          text-align:right;

          font-weight:bold;

          }

          #component-contact input.inputbox,#component-contact textarea{

          padding:3px;

          }



          #searchForm #search_searchword{

          padding:3px;

          margin:0 5px;

          }

          #searchForm .button{

          padding:1px 5px;

          }

          #searchForm input[name='searchphrase']{

          margin:5px;

          }

          #searchForm input.search_area{

          margin:5px 3px 0 10px;

          }

          #searchForm .searchintro br{display:none}

          .search_results fieldset{border:none}

          .search_results a.result-link{text-decoration:underline;font-size:14px}

          .search_results .result-section{font-style:italic}

          .search_results .searchword{font-weight:bold}



          /* Joomla 1.6*/

          .whosonline li{margin:0 0 0 15px}



          .pagination{display:block;margin:10px 0;float:left;width:100%}

          .pagination p.counter{text-align:center}

          .pagination ul li{float:left;list-style:none;display:block;padding:0 5px;background:#f2f2f2;margin:0 1px}

          .pagenav{}

          .pagenav li{list-style:none;display:inline;padding:0 5px}



          .item-separator{padding:10px 0}



          .actions li{list-style:none;display:inline;padding:0 5px}



          .form-validate{}

          .form-validate .form-required{color:red}

          .form-validate .star{color:red}

          .form-validate .contact-email{}

          .form-validate .contact-email div{float:left;display:block;width:100%;padding:10 px 0}

          .form-validate .contact-email div label{float:left;width:100px}

          Commentaire


          • #6
            Re : Probleme css avec lien menu joomla 1.7

            @Grand Schtroumpf

            MERCI A TOI, oui tu as raison je n'y connais rien joomla c'est vrai et c'est vrai aussi que j'ai bien besoin d'aide, je ne voulais surtout pas vexer qui que ce soit... tu as raison j'ai édité mon mesage après il a bien fait une liason avec quelques CSS (base.css et d'autres qui était dans le dossier du module) par contre ca résout pas mon soucis car si je modifie le css (et encore faudrait que je trouve le quel et quel ligne) ca risque de le faire pour tout les liens alors que moi je veux juste mettre en blanc les liens de mon menu de gauche... MAIS MERCI A TOI ET LES AUTRES DE PRENDRE LE TEMPS DE ME LIRE J IMAGINE QUE VOUS AVEZ MIEUX A FAIRE MAIS JE JETTE UNE BOUTEILLE A LA MER CAR JE SUIS PERDU AU MILIEU DE CETTE COMPLEXITE / INGENIOSITE QU'EST JOOMLA ...

            Commentaire


            • #7
              Re : Probleme css avec lien menu joomla 1.7

              met un suffixe de lien de menu(_menu par exemple, etl'underscore est important). ton selecteur css deviendras menu_menu.

              Quand tu trouves un identifiant ou une classe dans le code html de firebug, mais dans aucune feuille de style, c est qu aucun parametre n est appliqué.
              Conclusion, il faut le creer.....
              C est le principe avec joomla.
              Tu as des classes dans le code html, qui n ont aucun paramètre par defaut.
              C est du code preecrit, tu n as qu as appliqué le style css correspondant.
              Le concepteur du template n as pas jugé bon de typer ce selecteur c est tout...Donc a toi de la faire c est pour simplifier la personalisation.

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X