Сообщение от laimas
|
А это из описания движка, что я прочел:
Редактирование стилей оформления CSS из админ-панели.
Редактирование шаблонов оформления из админ-панели.
То есть, прямо в админке вы можете изменить код шаблона меню.
|
В админке оформление шаблона состоит из html и тегов. Вот так к примеру выглядит меню
<nav role="navigation">
<div class="toggleMenu"><span></span><span></span><span></span></div>
{menu}
</nav>
Цитата:
|
Нужно "все смотреть", я имею ввиду весь код - html/js... я же не держу все в памяти, и что одну страницу назад было написано и этого не помню.
|
Вам дать доступ на хостинг или ...?
сайт:
http://new.313news.net
Вот скрипт:
var ww = document.body.clientWidth;
$(document).ready(function() {
$(".navv li a").each(function() {
if ($(this).next().length > 0) {
$(this).addClass("parent");
};
})
$(".toggleMenu").click(function(e) {
e.preventDefault();
$(this).toggleClass("active");
$(".navv").toggle();
});
adjustMenu();
})
$(window).bind('resize orientationchange', function() {
ww = document.body.clientWidth;
adjustMenu();
});
var adjustMenu = function() {
if (ww < 900) {
$(".toggleMenu").css("display", "inline-block");
if (!$(".toggleMenu").hasClass("active")) {
$(".navv").hide();
} else {
$(".navv").show();
}
$(".navv li").unbind('mouseenter mouseleave');
$(".navv li a.parent").unbind('click').bind('click', function(e) {
// must be attached to anchor element to prevent bubbling
e.preventDefault();
$(this).parent("li").toggleClass("hover");
});
}
else if (ww >= 900) {
$(".toggleMenu").css("display", "none");
$(".navv").show();
$(".navv li").removeClass("hover");
$(".navv li a").unbind('click');
$(".navv li a.parent").click(function(e) {
// must be attached to anchor element to prevent bubbling
e.preventDefault();
$(this).parent("li").toggleClass("hover");
});
}
}
CSS
Код:
|
.navv {
list-style: none;
background:#fff;
color: #000; font-weight: 400;
}
.navv:before,
.navv:after {
content: " ";
display: table;
}
.navv:after {
clear: both;
}
.navv strong {background: #f00;
font-weight: normal;
padding: 10px 15px;
color: #fff;
display: block;
}
.navv ul {
list-style: none;
width: 15em;
float:left;
}
.navv a {
padding: 10px 15px;
color:#000;
}
.navv li {
position: relative;
}
.navv > li {
float: left;
border-top: 0px solid #ddd;
}
.navv > li > .parent {
background-image: url("../images/downArrow.png");
background-repeat: no-repeat;
background-position: right;
}
.navv > li > a {
display: block; padding: 0 1.2em; font-size: 18px; line-height: 36px; transition: all .2s ease-in-out;
}
.navv > li > a:hover {
display: block; padding: 0 1.2em;
}
.navv li ul {
position: absolute;
left: -9999px;
}
.navv > li.hover > ul {
left: 0;
}
.navv li li.hover ul {
left: 100%;
top: 0;
}
.navv li li a {
display: block;
background: #ddd;
position: relative;
z-index:100;
border-top: 1px solid #f0f0f0;
}
.navv li li a:hover {background-color: #f00; color: #fff;}
.navv li li li a {
background:#ccc;
z-index:200;
border-top: 1px solid #ddd;
}
@media screen and (max-width: 900px) {
.toggleMenu {
width: 30px; padding: 7px 0;
cursor: pointer;
outline: 0;
}
.toggleMenu > span {
display: block;
border-top: 2px solid #000;
margin-top: 6px;
}
.navv:before,
.navv:after {
content: " ";
display: table;
}
.active {
display: block;
}
.navv > li {
float: none;
}
.navv > li > .parent {
background-position: 95% 50%;
}
.navv li li .parent {
background-image: url("../images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.navv ul {
display: block;
width: 100%; top: 45px;
position: relative;
}
.navv > li.hover > ul , .navv li li.hover ul {
position: static;
}
} |
HTML
<nav role="navigation">
<div class="toggleMenu"><span></span><span></span><span></span></div>
<ul class="navv"><li><a class="arrow" href="/">Новости</a><ul><li><a href="/news/mir/">В мире</a></li><li><a href="/news/sng/">СНГ</a></li><li><a href="/news/blijniy_vostok/">Турция и Ближний Восток</a></li><li><a href="/news/middle_east/">Средний Восток</a></li><li><a href="/news/afrika/">Африка</a></li><li><a href="/news/ekonomika/">Экономика</a></li><li><a href="/news/armor/">Оружие и военное дело</a></li><li><a href="/news/analitika/">Аналитика и интервью</a></li><li><a href="/news/mosaic/">Мозаика</a></li></ul></li><li><a class="arrow" href="/">Статьи</a><ul><li><a href="/article/sobytia-i-fakty/">События и факты</a></li><li><a href="/article/agida-i-figh/">Агида и фигх</a></li><li><a href="/article/analitika-i-polemika/">Аналитика и полемика</a></li><li><a href="/article/iskazenia-tekstov/">Искажения текстов</a></li><li><a href="/article/islam/">Ислам</a></li><li><a href="/article/licnosti/">Личности</a></li><li><a href="/article/hadisy/">Хадисы</a></li><li><a href="/article/drugie-verovania/">Другие верования</a></li></ul></li><li><a href="/down/">Каталог файлов</a></li><li><a class="arrow" href="/">Медиа</a><ul><li><a href="/photos/">Фото</a></li><li><a href="/video/">Видео</a></li></ul></li><li><a href="/forum/">Форум</a></li></ul>
</nav>