Народ, прошу помощи.
Есть шаблон
http://demo.icetheme.com/it_corporate2/index.phpКак сделать чтобы сепараторы выглядели постоянно следующим образом, т.е в пассивном состоянии. Но активные меню продолжали бы выглядеть как и прежде со стрелочкой.
На первой картинке так выглядит активное меню сейчас:
Вот так необходимо чтобы выглядел сепаратор:
выделили куски в CSS которые нужно удалить, а вот как собрать воедино для сепаратора понятия не имею(
Может быть полезен кусок из menucore:
case 'separator' :
//return '<span class="separator">'.$image.$tmp->name.'</span>';
if($iParams->get("icemega_subtype") == 'mod' || $iParams->get("icemega_subtype") == 'pos') {
//$text = 'window.addEvent("load", function(){if($(\'item-'.$tmp->id.'\')!= null)$(\'item-'.$tmp->id.'\').setStyle(\'display\', \'none\')});';
//$document = &JFactory::getDocument();
//$document->addScriptDeclaration($text);
}
CSS меню:
/**
* IceMegaMenu Extension for Joomla 3.0 By IceTheme
*
*
* @copyright Copyright (C) 2012 IceTheme.com. All rights reserved.
* @license GNU General Public License version 2
*
* @Website http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
*
*/
.collapse {
overflow: visible;}
/* clear some styles */
.icemegamenu ul,
.icemegamenu li {
list-style-type:none;
padding:0;
margin:0}
/* begin mainmenu */
.icemegamenu > ul {
position: relative;
margin:0 0 45px;
padding:0;
z-index: 999;
clear: both;
width: 280px;
height:auto;}
.icemegamenu > ul > li {
position: relative;
display: block;
margin:5px 0;
padding:0;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.icemegamenu > ul > li a.iceMenuTitle {
position: relative;
z-index: 9999;
display: block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 20px;
height:40px;
line-height: 41px;
font-size: 16px;
color: #fff;
text-decoration:none;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);}
ul.icesubMenu ul > li:hover > a.iceMenuTitle,
ul.icesubMenu li.active a.iceMenuTitle {
color: #ffff00 }
div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title{
color: #ffff00 }
/* subtitles */
.icemegamenu > ul > li span.icemega_desc {
display:block;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
padding:0;
line-height:1.25em;
color:rgba(255,255,255,.6)!important;
margin-bottom: 7px;
margin-top:-6px;
text-shadow:none!important}
/* when dont have subtitle */
.icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle {
padding-top:0;
display:block}
/* when is current */
.icemegamenu > ul > li:hover,
.icemegamenu > ul > li.active {
background:#71686b}
.icemegamenu > ul > li.active {
margin-left:-15px;
padding-left:15px;}
.icemegamenu > ul > li.active:before {
background:url(../images/current_l.png) no-repeat;
width:15px;
height:15px;
position:absolute;
bottom:-15px;
left:0;
content:"";}
.icemegamenu > ul > li.active:after {
background:url(../images/current.png) no-repeat;
width:15px;
height:40px;
position:absolute;
top:0;
right:-15px;
content:"";}
/* Submenu */
ul.icesubMenu {
position: absolute;
z-index: 600;
padding: 5px 0 10px;
margin:0;
top: 0;
left: 340px;
opacity: 0;
visibility: hidden;
background: #71686b;
border:none;
border-top:none;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
#icemegamenu > li:hover > ul.icesubMenu {
opacity: 1;
visibility: visible;
left: 280px;}
ul.icesubMenu ul > li {
position:relative;}
ul.icesubMenu > li a.iceMenuTitle {
height: auto;
display: block;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 0 0 15px;
line-height: 30px;
margin: 0 14px;
border-radius: 0;
background: url(../images/point.png) no-repeat 0 7px;
border-bottom: 1px dotted rgba(255, 255, 255, .2)!important;}
/* when is parent */
ul.icesubMenu li.parent {
background: url(../images/arrow.png) no-repeat 93% 45%;}
/* Second Level Dropdown */
ul.sub_level_2,
ul.sub_level_3,
ul.sub_level_4,
ul.sub_level_5 {
top: -1px;
left: 250px;
z-index:99999;
box-shadow:none;
border: 1px solid rgba(255,255,255,.3);
margin: 0 0 0 20px;}
ul.icesubMenu ul > li:hover > ul {
opacity: 1;
visibility: visible;
left: 230px;}
/* Toggle for responsive */
.ice-megamenu-toggle {
display: none;
margin: 0 0 15px;
}
.ice-megamenu-toggle a {
background:#E6E6E1;
color:#777;
display: block;
height: 45px;
width: 100%;
display:block;
position:relative;
text-align: center;
font-size:18px;
line-height: 45px;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
.ice-megamenu-toggle a:hover {
text-decoration:none;
background:#fff!important;
color:#111}
/* Modules inside dropdown */
.icesubMenu .icemega_cover_module {
padding: 10px 15px;
width:auto!important;
color:#fff;
color:rgba(255,255,255,.6);
margin: 10px 10px 0px;}
.icesubMenu .icemega_cover_module span.iceModuleTile {
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
margin-bottom:12px;
display:block;}
.icesubMenu .icemega_cover_module a {
color:#F0C237}
и CSS одного из файлов стилей:
*
DO NOT DELETE THIS LINE
Necessary to check if StyleSheet has loaded */
#dummy-element{width:2px;}
/* general.css */
body {
background-color:#DBDBD5;}
#sidebar {
background-color:#584F52;}
#tagline {
background-color:#E6E6E1;}
#tagline:before {
background:url(../../images/styles/style1/tagline_l.png);}
#tagline:after {
background:url(../../images/styles/style1/tagline_r.png);}
#bottom {
background-color:#C3C3B9;
background-image:url(../../images/styles/style1/bottom_arrow_t.png), url(../../images/styles/style1/bottom_arrow_b.png);}
.button {
background-color:#584F52;
border-left-color:#72676C;}
.button:hover {
background-color:#72676C}
#copyright_area {
box-shadow: 0 -1px 0 #C3C3B9;}
body.offline_page #logo,
body.error_page #logo {
background-color:#584F52;}
blockquote {
background-color:#E6E6E1;
border-left:#C3C3B9;}
/* modules.css */
#sidebar .sidebar_module {
background-color:#6A6770;}
#sidebar .sidebar_module h3.sidebar_module_heading {
border-bottom-color:#98969e;}
#sidebar .sidebar_module_style1 {
background-color:#70676c;}
#sidebar .sidebar_module_style1 h3.sidebar_module_heading {
border-color:#9e969a}
#sidebar .sidebar_module_style2 {
background-color:#717168;}
#sidebar .sidebar_module_style2 h3.sidebar_module_heading {
border-color:#9f9f97}
#footer .moduletable h3 {
border-bottom-color:#B7B7AB;}
.img1 {
background-image:url(../../images/styles/style1/one.jpg)}
.img2 {
background-image:url(../../images/styles/style1/two.jpg)}
.img3 {
background-image:url(../../images/styles/style1/three.jpg)}
.service1 {
background-image:url(../../images/styles/style1/service1.png)}
.service2 {
background-image:url(../../images/styles/style1/service2.png)}
.service3 {
background-image:url(../../images/styles/style1/service3.png)}
.service4 {
background-image:url(../../images/styles/style1/service4.png)}
.service5 {
background-image:url(../../images/styles/style1/service5.png)}
.service6 {
background-image:url(../../images/styles/style1/service6.png)}
/* default_icemegamenu.css */
.icemegamenu > ul > li:hover,
.icemegamenu > ul > li.active {
background-color:#71686b}
.ice-megamenu-toggle a {
background-color:#DBDBD5;}
.ice-megamenu-toggle a:hover {
background-color:#DBDBD5;}
ul.icesubMenu {
background-color: #71686b;}
.icemegamenu > ul > li.active:before {
background-image:url(../../images/styles/style1/current_l.png);}
.icemegamenu > ul > li.active:after {
background-image:url(../../images/styles/style1/current.png);}