Megamenu jat3 framework

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

  • [Problème] Megamenu jat3 framework

    Bonsoir à tous,

    Voila je rencontre 2 petits problèmes avec megamenu :
    - lorsque je créé un séparateur, ce dernier possède toujours la propriété "over" et link tout simplement alors que justement je souhaite un séparateur... pour séparer uniquement des liens du menu entre eux genre avec un "|"
    - j'ai cherché le meilleur moyen de pouvoir aligner le menu au centre de la page je n'ai trouvé que ça comme méthode (dans template.css) :
    Code:
    #ja-mainnav .main {
    	width:770px;
    	margin: 0 auto !important;
    }
    si qqn à une autre méthode je suis preneur, c'est un peu barbare je trouve.
    -dans les sous menus, il y a une sorte de padding ou de spacing que je n'arrive pas réduire, j'ai eu beau cherché un peu partout j'ai pas trouvé...c'est ici que ça semble se passer (mega.css) :
    Code:
    .ja-megamenu .childcontent-inner {
    	background-color:#0083e0;
    	border:0;
    }

    Voilà voilà, si qqn à une idée, merci d'avance !

  • #2
    Re : Megamenu jat3 framework

    tu as quoi ds la classe .ja-megamenu?

    Commentaire


    • #3
      Re : Megamenu jat3 framework

      Hello,
      Je te copie tout le mega.css :
      Code:
      .ja-megamenu a.over {
      	background-color: #0083e0;
      	border-radius: 10px 10px 0 0;
      	color: #001739 !important;
      }
      
      .ja-megamenu a.active {
      	background-color: #0083e0;
      	border-radius: 10px 10px 0 0;
      	color: #001739 !important;
      }
      
      /* lv - 0
      -----------------------------------*/
      /* Styling ---*/
      .ja-megamenu ul.level0 li.mega a.mega {
      	border-radius: 10px 10px 0 0;
      	padding:4px 7px 4px 7px;
      	color:#FFF;
      }
      
      
      .ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {
      	background-color: #0083e0;
      	border-radius: 10px 10px 0 0;
      }
      
      .ja-megamenu ul.level0 li.active {
      	background-color: #0083e0;
      	border-radius: 10px 10px 0 0;
      }
      
      /* lv - 1 and below
      -----------------------------------*/
      /* Styling ---*/
      .ja-megamenu ul.level1 li.mega {
      	border-radius: 0 0 0 0;
      	padding:0px;
      	border-color:#001739;
      }
      
      .ja-megamenu ul.level1 li.first {
      	border-radius: 0 0 0 0;
      }
      
      .ja-megamenu ul.level1 li.mega a.mega {
      	background-color:#0083e0;
      	border-radius: 0 0 0 0;
      	color:#fff;
      }
      
      .ja-megamenu ul.level1 li.over, ul.level1 li.haschild-over {
      	border-radius: 0 0 0 0;
      }
      
       /* CHILD CONTENT
      -----------------------------------*/
      .ja-megamenu .childcontent-inner {
      	background-color:#0083e0;
      	border:0;
      }
      
      .ja-megamenu .level1 .childcontent-inner {
      	border-top: 0px solid #333;
      	margin:0;
      }
      
      .ja-megamenu .childcontent .ja-moduletable {
      }
      
      .ja-megamenu .childcontent .ja-moduletable a {
      	border-bottom: 1px solid #fff;
      }
      
      .ja-megamenu .childcontent .ja-moduletable h3 {
      	background: none;
      	border-bottom: 1px solid #666;
      	text-transform: uppercase;
      }
      
      /* Grouped --- */
      .ja-megamenu .group-title {
      	border-bottom: 0px solid #666;
      }
      
      .ja-megamenu .group-title .menu-title {
      	text-transform: uppercase;
      	font-size: 115%;
      }
      
      .ja-megamenu .group-title .menu-desc {
      	width:980px;
      	margin: 0 auto !important;
      	padding-left: 0 !important;
      }

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X