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.
    Mon site en cours de construction avec de nouvelles catégories de documents...
    https://informaticien51.fr

    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.
              Mon site en cours de construction avec de nouvelles catégories de documents...
              https://informaticien51.fr

              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