Комрады выручайте на шаблоне Zt Geni выявилась проблема с мега меню, собственно у меня всего 5 пунктов меню, а полоска для них под добрый десяток, как уменьшить полосу и центрировать?) покопался в CSS нашел только
Код CSS
| Код: |
.menusys_mega {width: 100%;display: inline-block;background:url(../../images/mega/bg-menu-mega.png) repeat-x left top;}
|
выглядит это так
[IMG]http://www.cyberforum.ru/attachment.php?attachmentid=182312&d=1347541152[/IMG]
где подшаманить?)
update [1]
сократить сократил до нужного размера убрав width: 100% из кода, но центрировать не получается, помогите пожалуйста :)
теперь это выглядит так:
весь код если нужно можно посмотреть здесь:
Предупреждение: Помехи!
| Код: |
/* COMMON STYLE
--------------------------------------------------------- */
.menusys_mega { text-align: center;margin: 0 auto;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 .submenu-wrap {float: left;}
#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: -13px !important;
}
#menusys_mega div.subarrowtop{
background: url(../../images/mega/submega-top.png) no-repeat 10% top;
height: 8px;
overflow: hidden;
display: block;
}
#menusys_mega div.subwrapcenter-left{
padding: 0 3px 3px 3px;
display: block;
-webkit-box-shadow: #333 0px 2px 3px;
-moz-box-shadow: #333 0px 2px 3px;
box-shadow: #333 2px 2px 3px;
background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;
}
#menusys_mega div.subwrapcenter-right{
border: 1px solid #4c2909;
border-top: 0;
display: block;
overflow: hidden;
}
#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 div.subwrapcenter{ margin: 10px 0; display: inherit; width:190px; display: inline-block; }
#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.hasChild {background: url(../../images/mega/arrow.png) no-repeat 100% 7px;}
#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;
}
|
проблема решена :)
В Файле \templates\zt_geni25\css\template.css отредактировать строки
[CSS]#zt-mainmenu-inner{
width:521px;
height:44px;
background:url(../images/mega/bg-zt-mainmenu.png) repeat left top;
padding:4px;
margin: 0 auto;[/CSS]
всем спасибо за помощь)
Форум
