Требуется помощь!

<<

S-pars

Аватара пользователя

Автор темы

Сообщения: 23

Зарегистрирован: 16 авг 2013, 16:23

Благодарил (а): 3 раз.
Поблагодарили: 0 раз.

Сообщение 19 сен 2013, 12:10

Требуется помощь!

Помогите пожалуйста, кто может! :) Хотелось бы поменять в своём шаблоне МЕНЮ, с того что есть, на вот это http://mkr-labz.blogspot.ru/2013/03/dro ... query.html
Не могу сообразить КАК правильно это сделать. Коды следующие:
HTML
<nav>
<a id="tombolmenu" href="#">Menu</a>
<ul class="menu">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu Dgn DropDown</a>
<ul class="hidden">
<li><a href="#">Menu Dropdown 1</a></li>
<li><a href="#">Menu Dropdown 1</a></li>
<li><a href="#">Menu Dropdown 1</a></li>
<li><a href="#">Menu Dropdown 1</a></li>
</ul>
</li>
</ul>
</nav>

CSS стиль
nav {
font:normal normal 11px/30px Verdana,Geneva,sans-serif;
background-color:#313131;
}

nav,
nav * {
display:block;
}

nav #tombolmenu {
display:none;
}

nav ul,
nav li {
padding:0;
margin:0;
list-style:none;
}

nav ul {
height:30px;
}

nav li {
float:left;
position:relative;
}

nav li a {
display:block;
padding:0 10px;
color:white;
text-decoration:none;
}

nav li:hover > a {
background-color:#1D8FC5;
}

nav li ul {
position:absolute;
background-color:black;
height:auto;
width:160px;
display:none;
}

nav li:hover ul.hidden {
display:block;
}

nav li li {
float:none;
}

@media only screen and (max-width:600px) {
nav #tombolmenu {
display:block;
padding:0 15px;
background-color:black;
text-decoration:none;
}
nav #tombolmenu.active {
background-color:#1D8FC5;
color:white;
}
nav ul {
height:auto;
display:none;
}
nav li {
float:none;
}
nav li ul {
width:100%;
}
}

И Ява-скрипт
(function () {
$('nav ul').removeClass('hidden');
$('nav li').hover(function () {
$(this).parent('ul.menu').css('overflow', 'visible');
$(this).children('ul').filter(':not(:animated)').slideDown();
}, function () {
$(this).children('ul').slideUp();
});

$('#tombolmenu').toggle(function () {
$(this).addClass('active');
$('nav > ul').slideDown();
return false;
}, function () {
$(this).removeClass('active');
$('nav > ul').slideUp();
return false;
});
function checkWidth() {
if ($(window).width() > 600) {
$('nav > ul').css('display', 'block');
} else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') === 'active') {
$('nav > ul').css('display', 'block');
} else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') !== 'active') {
$('nav > ul').css('display', 'none');
}
}
$(window).resize(checkWidth);
})();
Дело не в количестве прочитанных страниц, а в количестве вызванных ими мыслей. http://s-pars.blogspot.ru/
<<

Gene

Аватара пользователя

Сообщения: 358

Зарегистрирован: 12 ноя 2011, 04:58

Благодарил (а): 0 раз.
Поблагодарили: 32 раз.

Сообщение 19 сен 2013, 17:07

Re: Требуется помощь!

Дайте ссылку на страницу, где это всё уже есть и не работает. Лень же ставить всё это на свой тестовый блог. Или в jsfiddle.net скопируйте.
Graddit - полезные виджеты для вашего блога: рейтинги, похожие статьи, лучшие материалы.
<<

Bloggerix

Сообщения: 1

Зарегистрирован: 20 сен 2013, 16:00

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 20 сен 2013, 16:10

Требуется помощь!

Как убрать точечки в меню навигации и заменить пунктир ниже на линию http://www.rusios.com
<<

S-pars

Аватара пользователя

Автор темы

Сообщения: 23

Зарегистрирован: 16 авг 2013, 16:23

Благодарил (а): 3 раз.
Поблагодарили: 0 раз.

Сообщение 20 сен 2013, 16:49

Re: Требуется помощь!

Gene, у меня есть блог http://s-pars.blogspot.ru/ там нужно вставить вот такое http://mkr-labz.blogspot.ru/2013/03/dro ... query.html меню, вместо того, что стоит сейчас, или просто немного его переделать, но в старом меню есть один большой косяк. Там когда включаешь в настройках блога LichtBox - то меню показывается поверх картинки. Если Вам не сложно, перейдите по ссылке http://s-pars.blogspot.ru/2013/08/blog-post_18.html и сразу же кликните по первой картинке и всё поймёте! Спасибо за помощь...
Дело не в количестве прочитанных страниц, а в количестве вызванных ими мыслей. http://s-pars.blogspot.ru/
<<

Gene

Аватара пользователя

Сообщения: 358

Зарегистрирован: 12 ноя 2011, 04:58

Благодарил (а): 0 раз.
Поблагодарили: 32 раз.

Сообщение 21 сен 2013, 05:22

Re: Требуется помощь!

Да, любопытно. Сходу не удалось победить.
Graddit - полезные виджеты для вашего блога: рейтинги, похожие статьи, лучшие материалы.
<<

S-pars

Аватара пользователя

Автор темы

Сообщения: 23

Зарегистрирован: 16 авг 2013, 16:23

Благодарил (а): 3 раз.
Поблагодарили: 0 раз.

Сообщение 21 сен 2013, 23:23

Re: Требуется помощь!

Вот и мне тоже любопытно! ;) Сначала думал Z-индекс где-то стоит, но не нашёл в настройках такого...
Дело не в количестве прочитанных страниц, а в количестве вызванных ими мыслей. http://s-pars.blogspot.ru/
<<

S-pars

Аватара пользователя

Автор темы

Сообщения: 23

Зарегистрирован: 16 авг 2013, 16:23

Благодарил (а): 3 раз.
Поблагодарили: 0 раз.

Сообщение 23 сен 2013, 10:17

Re: Требуется помощь!

Всё таки сделал всё как надо, помощь больше не нужна, оставил старый стиль меню, только цвета поменял (картинку)... Дело оказалось действительно в Z-индексе!
Для тех, у кого меню будет залезать на картинки в "lightbox" - делаем следуещее, заходим в редактор кода и ищем по CTRL+F слово "z-index", затем меняем значения, как правило зет индексов в коде шаблона не так уж много, просто запоминаем все их значения и пробуем менять...
Дело не в количестве прочитанных страниц, а в количестве вызванных ими мыслей. http://s-pars.blogspot.ru/
<<

S-pars

Аватара пользователя

Автор темы

Сообщения: 23

Зарегистрирован: 16 авг 2013, 16:23

Благодарил (а): 3 раз.
Поблагодарили: 0 раз.

Сообщение 28 сен 2013, 22:19

Re: Требуется помощь!

http://newspars.ucoz.ru/snimok.png
Уважаемые форумчане, требуется помощь! Кто знает как увеличить это окно (выделенное стрелочкой) в ширину? Для того, чтоб фамилия и имя целиком вмещались. Ну, и ещё надо поменять фразу "Notifi me" на русское "Подписаться"! Помогите, не могу понять где это меняется... :dash:
Дело не в количестве прочитанных страниц, а в количестве вызванных ими мыслей. http://s-pars.blogspot.ru/

Вернуться в Вопросы по шаблонам

Кто сейчас на конференции

Зарегистрированные пользователи: Google Feedfetcher

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo