Если Вы хотите, чтобы Ваше menu-main было только в одну строчку, то можно сделать кнопку "Ещё +". Вот так:
Для этого, в файле /application/modules/Core/widgets/menu-main/index.tpl найти
Code:
<?php
echo $this->navigation()
->menu()
->setContainer($this->navigation)
->setPartial(null)
->render();
?>
и заменить на этот
Code:
<div id='layout_core_menu_main'> <ul>
<?php foreach( $this->navigation as $item ): ?>
<?php $label = $item->getLabel(); if($i < 10){ if((strstr(strtolower($label),$modu) != "") || ($modu=="core" && $label=="Home") || ($modu=="user" && $label=="Members")){ ?> <li class="active"><?php echo "<a href='" . $item->getHref() . "'><b>" . $this->translate($item->getLabel()) . "</b></a>"?></li>
<?php $total +=1; $i += 1; }else{
?>
<li><?php echo "<a href='" . $item->getHref() . "'><b>" . $this->translate($item->getLabel()) . "</b></a>"?></li>
<?php $i += 1; } }else{ if(strstr(strtolower($label),$modu) != ""){ //$arrMore[$i] = $this->htmlLink($item->getHref(), $this->translate($item->getLabel()));
$arrMore[$i] = "<a href='" . $item->getHref() . "' class ='active' onmouseover='onOver()' onmouseout='onOut()'>" . $this->translate($item->getLabel()) . "</a>";
$i += 1;
}else{
$arrMore[$i] = "<a href='" . $item->getHref() . "' onmouseover='onOver()' onmouseout='onOut()'>" . $this->translate($item->getLabel()) . "</a>";
$i += 1;
}
}
?>
<?php endforeach;
if($i>10){
if($total > 0){
?>
<li id = "more" class="view_more_menu"><a href="javascript: void(0)" onmouseover="cssdropdown.dropit(this,event,'dropmenu1')"><b><?php echo $this->translate("Ещё") ?> <small>+</small></b></a></li>
<?php
}else{
?>
<li class="activee"><a href="javascript: void(0)" onmouseover="cssdropdown.dropit(this,event,'dropmenu1')"><b><?php echo $this->translate("Ещё") ?> <small>+</small></b></a></li>
<?php
} } ?> </ul>
<div id="dropmenu1" class="dropmenudiv">
<?php
for($j = 10; $j < $i; $j++){
echo $arrMore[$j];
}
?>
</div>
(файл должен быть сохранен в кодировке UTF-8!!!)
В файле /application/modules/Core/layouts/scripts/default.tpl
перед тегом </head> вставить
Code:
<script type="text/javascript" src="more-menu.js"></script>
Откройте /application/themes/Ваша тема/theme.css
и добавьте
Code:
#chromemenu {
MARGIN-TOP: 0px; WIDTH: 730px
}
#chromemenu UL {
PADDING-LEFT: 0px; FLOAT: left; MARGIN: 0px;
}
#chromemenu UL LI {
DISPLAY: inline
}
#chromemenu UL LI A {
PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left; BACKGROUND-COLOR: #627AAD; COLOR: #ffffff; LINE-HEIGHT: 22px; TEXT-DECORATION: none
}
#chromemenu UL LI A:hover {
COLOR: #ffff00
}
#chromemenu UL LI I {
FONT-SIZE: 1px; FLOAT: left; WIDTH: 10px; LINE-HEIGHT: 22px
}
unknown {
content: " v"
}
.dropmenudiv {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 0px solid; Z-INDEX: 500; VISIBILITY: hidden; FONT: 8pt tahoma; BORDER-LEFT: #ffffff 1px solid; WIDTH: 150px; BORDER-BOTTOM: #ffffff 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #627AAD; Z-INDEX: 99999999; position: absolute;
}
.dropmenudiv A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #ffffff; TEXT-INDENT: 0px; PADDING-TOP: 5px; TEXT-ALIGN: left; TEXT-DECORATION: none; font-weight:bold; letter-spacing: 0px;
}
.dropmenudiv A:hover {
BACKGROUND-COLOR: #6D86B7;
COLOR: #ffffff;
font-weight:bold;
}
.dropmenudiv .active{
BACKGROUND-COLOR: #6D86B7;
COLOR: #ffffff;
font-weight:bold;
}
.dropmenudivv {
BORDER-RIGHT: #444444 0px solid; BORDER-TOP: #444444 0px solid; Z-INDEX: 500; VISIBILITY: hidden; FONT: 8pt tahoma; BORDER-LEFT: #444444 0px solid; WIDTH: 100px; BORDER-BOTTOM: #444444 0px solid; TOP: 0px; BACKGROUND-COLOR: #6f6f6f; TEXT-ALIGN: right; Z-INDEX: 99999999; position: absolute;
}
.dropmenudivv A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #FFFFFF; TEXT-INDENT: 0px; PADDING-TOP: 5px; TEXT-ALIGN: right; TEXT-DECORATION: none; letter-spacing: 0px; PADDING-RIGHT: 30px; width: 80px;
}
.dropmenudivv A:hover {
/*BACKGROUND-COLOR: #000000;*/
COLOR: #ff0000;
/*font-weight: lighter;*/
letter-spacing: 0px;
padding-right: 20px;
}
.dropmenudivv .active{
BACKGROUND-COLOR: #000000;
COLOR: #ff0000;
font-weight:bold;
padding-right: 20px;
}
файл more-menu.js закинуть в корень SE
View attachment more-menu..rar
