- Postagens: 5
- Obrigados Recebidos: 0
CSS - Personalizar Menu Zt Geni
- brunoventura1
- Autor do Tópico
- Offline
- JCB! Novato
Menos
Mais
11 anos 6 meses atrás #82048
por brunoventura1
brunoventura1 created the topic: CSS - Personalizar Menu Zt Geni
Alguem sabe me dizer como personalizo esse menu deixando com as bordas arredondadas? Ou pelo menos substituir por outro menu, o problema é quenao encontrei o modulo associado a ele,,,,
http://www.cacauecaetano.com.br/v0
o CSS atual do Menu é esse:
/* COMMON STYLE
*/
.menusys_mega {width: 100%;display: inline-block;background:url(../../images/mega/bg-menu-mega.png) repeat-x left top;}
#menusys_mega {margin: 0px; width:100%;}
#menusys_mega .menusub_mega {display:none;}
#menusys_mega li {
padding: 0;
margin:0;
float: left;
display: block;
background: none;
}
#menusys_mega li a {
padding: 0 13px ;
display: inline-block;
text-decoration: none;
position: relative;
z-index: 99;
text-shadow: 0 1px 1px #fff;
}
#menusys_mega li .menu-title {
padding: 0 ;
line-height: 44px;
display: inline-block;
color: #77471c;
font-weight: bold;
font-style: normal;
font-size: 116%;
}
#menusys_mega li:hover a,
#menusys_mega li a:hover,
#menusys_mega li a:active,
#menusys_mega li a:focus,
#menusys_mega li a.active,
#menusys_mega li a.active:hover,
#menusys_mega li a.active:active,
#menusys_mega li a.active:focus {
}
#menusys_mega li:hover .menu-title,
#menusys_mega li a:hover .menu-title,
#menusys_mega li a:active .menu-title,
#menusys_mega li a:focus .menu-title,
#menusys_mega li a.active .menu-title,
#menusys_mega li a.active:hover .menu-title,
#menusys_mega li a.active:active .menu-title,
#menusys_mega li a.active:focus .menu-title {
color:#3b1c00;
background: none;
}
#menusys_mega li.hasChild span.no-image,
#menusys_mega li.hasChild a.active span.no-image {
display: block;
/*
padding-right: 15px;
background: url(../../images/mega/arrow-submenu.png) no-repeat right 18px;
*/
}
/* MegaMenu Border
*/
#menusys_mega .menusub_mega {padding: 5px 0;z-index: 999;margin-top: -5px !important;}
#menusys_mega .submenu-wrap {
float: left;
display: inline-block;
background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;
-webkit-box-shadow: #333 0px 2px 3px;
-moz-box-shadow: #333 0px 2px 3px;
box-shadow: #333 2px 2px 3px;
}
#menusys_mega div.subarrowtop{
background: url(../../images/mega/submega-top.png) no-repeat 10% top;
height: 8px;
margin-top: -8px;
overflow: hidden;
display: block;
}
#menusys_mega div.subwrapcenter-left{padding: 0 3px 3px 3px;display: inline-block;}
#menusys_mega div.subwrapcenter-right{
border: 1px solid #4c2909;
border-top: 0;
display: block;
overflow: hidden;
}
#menusys_mega div.subwrapcenter{ margin: 10px 0; display: inherit; }
#menusys_mega .menusub_mega .menusub_mega{margin: -50px 0px 0px 0px !important;}
#menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {
position: absolute;
top: 30px;
left: -11px;
width: 15px;
height: 17px;
background: url(../../images/mega/submega-left.png);
}
#menusys_mega div.subwrapcenter-left div.subwrapcenter-left {padding:3px;}
#menusys_mega div.subwrapcenter-right div.subwrapcenter-right{border: 1px solid #41260a;}
#menusys_mega .megacol ul.mega-ul li.hasChild .submenu-wrap{
float: left;
background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;
-webkit-box-shadow: #333 0px 2px 3px;
-moz-box-shadow: #333 0px 2px 3px;
box-shadow: #333 2px 2px 3px;
}
#menusys_mega div.subwrapcenter .submenu-wrap{
background:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:none;
}
#menusys_mega .megacol ul.mega-ul{margin: 0 10px;}
#menusys_mega .megacol {float: left;width: 170px;display: inline-block;}
/*Child Content
*/
#menusys_mega .menu-desc{
padding: 0 ;
font-size: 90%;
color: #707070;
display: block;
}
#menusys_mega .menu-image {
border: none;
float: left;
line-height: 44px;
padding: 8px 0 0;
margin-right: 3px;
}
#menusys_mega span.has-image {
display: block;
background-repeat: no-repeat;
background-position: 2px 5px;
}
#menusys_mega ul.mega-ul a.item span.no-image,
#menusys_mega ul.mega-ul a.active span.no-image {
display: block;
background: url(../../images/arrow-last.png) no-repeat 3px 10px;
}
#menusys_mega ul.mega-ul a:hover span.no-image:hover{
background: url(../../images/arrow-active.png) no-repeat 3px 10px;
}
/* Mega Group
*/
#menusys_mega .menusub_mega .mega-group {
overflow: hidden;
margin: 0 10px;
padding-bottom: 5px;
}
#menusys_mega li.hasChild .mega-group span.has-image,
#menusys_mega li.hasChild .mega-group span.no-image{
background: none !important;
margin:0;
padding: 1px 0 1px 0;
display: block;
}
#menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;}
#menusys_mega li.hasChild .mega-group a{
padding: 0 ;
background: none !important ;
}
#menusys_mega .menusub_mega .mega-module {
clear: both;
color: #909090;
line-height: 20px;
}
#menusys_mega .menu-desc{
padding: 0 ;
line-height: 15px;
font-size: 90%;
color: #707070;
display: block;
}
#menusys_mega li.hasChild .mega-group a .menu-title,
#menusys_mega li.hasChild .mega-group a:hover .menu-title,
#menusys_mega li.hasChild .mega-group a.active .menu-title{
padding-right: 0;
font-weight: bold;
font-size: 110%;
text-shadow: none;
line-height: 20px;
color: #fffe92;
}
/* Level2 MegaMenu
*/
#menusys_mega .megacol ul.mega-ul li {
padding: 0;
float: none;
display: block;
background:url(../../images/mega/bg-sperator-menu2.png) repeat-y left top;
}
#menusys_mega li .megacol ul.mega-ul li span.no-image,
#menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image,
#menusys_mega li .megacol ul.mega-ul li a.active span.no-image{
padding-left: 12px;
padding-right:0;
background:url(../../images/mega/default-menu-image.png) no-repeat left 13px;
}
#menusys_mega li.hasChild ul a,
#menusys_mega li.hasChild ul a.active,
#menusys_mega li.hasChild:hover ul a {
padding: 0px;
margin: 0;
display: block;
background: none;
position: static;
text-shadow: none;
}
#menusys_mega li.hover ul.mega-ul a .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a.active .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title{
line-height: 23px;
margin: 0;
padding: 2px 0 2px 15px;
display: block;
color: #baa681 ;
font-size: 12px ;
font-weight: normal;
text-shadow: none;
}
#menusys_mega li.hasChild ul a span.has-image .menu-title,
#menusys_mega li.hasChild:hover ul a span.has-image .menu-title,
#menusys_mega li.hasChild ul a:hover span.has-image .menu-title{
padding: 2px 0 2px 25px;
margin: 0;
background: none;
}
#menusys_mega li.hasChild ul a:hover ,
#menusys_mega li.hasChild ul a:active,
#menusys_mega li.hasChild ul a:focus,
#menusys_mega li.hasChild ul.mega-ul a.active:hover {
text-decoration: none;
margin: 0;
padding-left: 0px;
display: block;
}
#menusys_mega li.hover ul.mega-ul a:hover .menu-title,
#menusys_mega li.hasChild ul.mega-ul a:hover .menu-title,
#menusys_mega li.hasChild ul.mega-ul a:active .menu-title,
#menusys_mega li.hasChild ul.mega-ul a:focus .menu-title,
#menusys_mega li.hasChild ul.mega-ul a.active:hover .menu-title{
color: #fff;
}
o CSS atual do Menu é esse:
/* COMMON STYLE
*/
.menusys_mega {width: 100%;display: inline-block;background:url(../../images/mega/bg-menu-mega.png) repeat-x left top;}
#menusys_mega {margin: 0px; width:100%;}
#menusys_mega .menusub_mega {display:none;}
#menusys_mega li {
padding: 0;
margin:0;
float: left;
display: block;
background: none;
}
#menusys_mega li a {
padding: 0 13px ;
display: inline-block;
text-decoration: none;
position: relative;
z-index: 99;
text-shadow: 0 1px 1px #fff;
}
#menusys_mega li .menu-title {
padding: 0 ;
line-height: 44px;
display: inline-block;
color: #77471c;
font-weight: bold;
font-style: normal;
font-size: 116%;
}
#menusys_mega li:hover a,
#menusys_mega li a:hover,
#menusys_mega li a:active,
#menusys_mega li a:focus,
#menusys_mega li a.active,
#menusys_mega li a.active:hover,
#menusys_mega li a.active:active,
#menusys_mega li a.active:focus {
}
#menusys_mega li:hover .menu-title,
#menusys_mega li a:hover .menu-title,
#menusys_mega li a:active .menu-title,
#menusys_mega li a:focus .menu-title,
#menusys_mega li a.active .menu-title,
#menusys_mega li a.active:hover .menu-title,
#menusys_mega li a.active:active .menu-title,
#menusys_mega li a.active:focus .menu-title {
color:#3b1c00;
background: none;
}
#menusys_mega li.hasChild span.no-image,
#menusys_mega li.hasChild a.active span.no-image {
display: block;
/*
padding-right: 15px;
background: url(../../images/mega/arrow-submenu.png) no-repeat right 18px;
*/
}
/* MegaMenu Border
*/
#menusys_mega .menusub_mega {padding: 5px 0;z-index: 999;margin-top: -5px !important;}
#menusys_mega .submenu-wrap {
float: left;
display: inline-block;
background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;
-webkit-box-shadow: #333 0px 2px 3px;
-moz-box-shadow: #333 0px 2px 3px;
box-shadow: #333 2px 2px 3px;
}
#menusys_mega div.subarrowtop{
background: url(../../images/mega/submega-top.png) no-repeat 10% top;
height: 8px;
margin-top: -8px;
overflow: hidden;
display: block;
}
#menusys_mega div.subwrapcenter-left{padding: 0 3px 3px 3px;display: inline-block;}
#menusys_mega div.subwrapcenter-right{
border: 1px solid #4c2909;
border-top: 0;
display: block;
overflow: hidden;
}
#menusys_mega div.subwrapcenter{ margin: 10px 0; display: inherit; }
#menusys_mega .menusub_mega .menusub_mega{margin: -50px 0px 0px 0px !important;}
#menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {
position: absolute;
top: 30px;
left: -11px;
width: 15px;
height: 17px;
background: url(../../images/mega/submega-left.png);
}
#menusys_mega div.subwrapcenter-left div.subwrapcenter-left {padding:3px;}
#menusys_mega div.subwrapcenter-right div.subwrapcenter-right{border: 1px solid #41260a;}
#menusys_mega .megacol ul.mega-ul li.hasChild .submenu-wrap{
float: left;
background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;
-webkit-box-shadow: #333 0px 2px 3px;
-moz-box-shadow: #333 0px 2px 3px;
box-shadow: #333 2px 2px 3px;
}
#menusys_mega div.subwrapcenter .submenu-wrap{
background:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:none;
}
#menusys_mega .megacol ul.mega-ul{margin: 0 10px;}
#menusys_mega .megacol {float: left;width: 170px;display: inline-block;}
/*Child Content
*/
#menusys_mega .menu-desc{
padding: 0 ;
font-size: 90%;
color: #707070;
display: block;
}
#menusys_mega .menu-image {
border: none;
float: left;
line-height: 44px;
padding: 8px 0 0;
margin-right: 3px;
}
#menusys_mega span.has-image {
display: block;
background-repeat: no-repeat;
background-position: 2px 5px;
}
#menusys_mega ul.mega-ul a.item span.no-image,
#menusys_mega ul.mega-ul a.active span.no-image {
display: block;
background: url(../../images/arrow-last.png) no-repeat 3px 10px;
}
#menusys_mega ul.mega-ul a:hover span.no-image:hover{
background: url(../../images/arrow-active.png) no-repeat 3px 10px;
}
/* Mega Group
*/
#menusys_mega .menusub_mega .mega-group {
overflow: hidden;
margin: 0 10px;
padding-bottom: 5px;
}
#menusys_mega li.hasChild .mega-group span.has-image,
#menusys_mega li.hasChild .mega-group span.no-image{
background: none !important;
margin:0;
padding: 1px 0 1px 0;
display: block;
}
#menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;}
#menusys_mega li.hasChild .mega-group a{
padding: 0 ;
background: none !important ;
}
#menusys_mega .menusub_mega .mega-module {
clear: both;
color: #909090;
line-height: 20px;
}
#menusys_mega .menu-desc{
padding: 0 ;
line-height: 15px;
font-size: 90%;
color: #707070;
display: block;
}
#menusys_mega li.hasChild .mega-group a .menu-title,
#menusys_mega li.hasChild .mega-group a:hover .menu-title,
#menusys_mega li.hasChild .mega-group a.active .menu-title{
padding-right: 0;
font-weight: bold;
font-size: 110%;
text-shadow: none;
line-height: 20px;
color: #fffe92;
}
/* Level2 MegaMenu
*/
#menusys_mega .megacol ul.mega-ul li {
padding: 0;
float: none;
display: block;
background:url(../../images/mega/bg-sperator-menu2.png) repeat-y left top;
}
#menusys_mega li .megacol ul.mega-ul li span.no-image,
#menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image,
#menusys_mega li .megacol ul.mega-ul li a.active span.no-image{
padding-left: 12px;
padding-right:0;
background:url(../../images/mega/default-menu-image.png) no-repeat left 13px;
}
#menusys_mega li.hasChild ul a,
#menusys_mega li.hasChild ul a.active,
#menusys_mega li.hasChild:hover ul a {
padding: 0px;
margin: 0;
display: block;
background: none;
position: static;
text-shadow: none;
}
#menusys_mega li.hover ul.mega-ul a .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a.active .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title{
line-height: 23px;
margin: 0;
padding: 2px 0 2px 15px;
display: block;
color: #baa681 ;
font-size: 12px ;
font-weight: normal;
text-shadow: none;
}
#menusys_mega li.hasChild ul a span.has-image .menu-title,
#menusys_mega li.hasChild:hover ul a span.has-image .menu-title,
#menusys_mega li.hasChild ul a:hover span.has-image .menu-title{
padding: 2px 0 2px 25px;
margin: 0;
background: none;
}
#menusys_mega li.hasChild ul a:hover ,
#menusys_mega li.hasChild ul a:active,
#menusys_mega li.hasChild ul a:focus,
#menusys_mega li.hasChild ul.mega-ul a.active:hover {
text-decoration: none;
margin: 0;
padding-left: 0px;
display: block;
}
#menusys_mega li.hover ul.mega-ul a:hover .menu-title,
#menusys_mega li.hasChild ul.mega-ul a:hover .menu-title,
#menusys_mega li.hasChild ul.mega-ul a:active .menu-title,
#menusys_mega li.hasChild ul.mega-ul a:focus .menu-title,
#menusys_mega li.hasChild ul.mega-ul a.active:hover .menu-title{
color: #fff;
}
Please Entrar ou Registrar to join the conversation.