Привет, попробуй такое решение:
Авторизуясь в админке щелкаешь 2 раза на меню (или открываешь файл /files/attachment1.txt) и вставляешь туда
Код: <ul id="menu">
<li><a href="./">Меню 1</a></li>
<li><a href="#">Меню 2</a>
<ul>
<li><a href="#">Элемент 2.1</a></li>
<li><a href="#">Элемент 2.2</a></li>
<li><a href="#">Элемент 2.3</a></li>
</ul>
</li>
<li><a href="#">Меню 3</a>
<ul>
<li><a href="#">Элемент 3.1</a></li>
<li><a href="#">Элемент 3.2</a></li>
<li><a href="#">Элемент 3.3</a></li>
</ul>
</li>
</ul>
Идеология этого надеюсь понятна. В
<a href="#"> вместо
# пишешь ./?page=social вместо social - название своей страницы которую хочешь создать (латинскими буквами).
В файл style.css необходимо добавить такие строки:
Код:#menu, #menu li{
display: inline;
margin-right:2px;
}
#menu li {
float: left;
position:relative;
width:140px;
}
#menu li a{
display: block;
margin:1px 0px;
}
#menu li ul{
display: none;
position:absolute;
top:26px;
}
#menu li ul li, .active {
display:block !important;
}
Обрати внимание на width:140px; это длина кнопки, ты их можешь сделать длиннее или короче.
И последний штрих, открываешь файл template/default.tpl там в верху ищешь:
Код:<script type="text/javascript" src="./js/jquery.min.js"></script>
<?php echo displayEditLibrary(); ?>
И после этого добавляешь:
Код:<script type="text/javascript">
$(document).ready(function(){
$('#menu li').hover(
function() {
$(this).find('ul').addClass('active');
},
function() {
$(this).find('ul').removeClass('active');
}
);
});
</script>
Вобщем-то и все. Будут вопросы пиши.
Страниц: 1
Einplac CMS v1.0 - Выпадающее меню. (Прочитано 27012 раз)
