рони, пардон, полный макет выглядит так:
<ul id="main_menu">
<li class="menu_item1"><a href="/index.php">Главная</a></li>
<li class="menu_item1 menu_item2"><a href="/forum/index.php">Форум</a></li>
<li class="menu_item1 menu_item2 dropdown">
<a href="/gallery/">Галерея</a>
<ul class="droplist">
<li><a href="/gallery/screenshots/">Скриншоты</a></li>
<li><a href="/gallery/fanart/">Фан-арт</a></li>
<li><a href="/gallery/comics/">Комиксы</a></li>
</ul>
</li>
<li class="menu_item1 menu_item2 dropdown">
<a href="/video">Видео</a>
<ul class="droplist">
<li><a href="/video/offvideo/">Официальные трейлеры</a></li>
<li><a href="/video/fanvideo/">Фан-видео</a></li>
<li><a href="/video/video_tutorial/">Видео-уроки</a></li>
</ul>
</li>
<li class="menu_item1 menu_item2 dropdown">
<a href="/stati/">Статьи</a>
<ul class="droplist">
<li><a href="/stati/obzory/">Обзоры</a></li>
<li><a href="/stati/tutorial/">Уроки</a></li>
<li><a href="/stati/code/">Чит-коды</a></li>
</ul>
</li>
<div style="clear:both;"></div>
</ul>
Код:
|
#main_menu {
color:#fff;
font:bold 15px Tahoma;
text-transform:uppercase;
text-shadow:1px 1px 0px #000;
margin:0 auto;
padding:4px 0 0 0;
width:820px;
}
#main_menu>li {
float:left;
}
.menu_item1 {
background: url(../images/menu_separator.gif) right center no-repeat;
margin-top:14px;
}
.menu_item2 {
margin:0 0 0 0px;
margin-top:14px;
}
.menu_item1>a, .menu_item2>a {
padding:14px 15px 15px 15px;
}
#main_menu li a {
color:#fff;
text-decoration:none;
-webkit-transition: text-shadow 0.5s ease;
-moz-transition: text-shadow 0.5s ease;
-o-transition: text-shadow 0.5s ease;
transition: text-shadow 0.5s ease;
}
#main_menu li a:hover {
color:#dffffb;
text-shadow: 0px 0px 20px #f68dff,0px 0px 35px #f68dff;
}
/* Menu dropdown */
.dropdown {
position:relative;
}
.dropdown ul {
display: none;
position:absolute;
top: 33px;
z-index:30;
left:0px;
text-align:left;
background:url(../images/informer_gradient.png) 0 0 repeat #fff;
border-radius:3px;
border:1px solid white;
-moz-box-shadow:0 0 0 1px #acbac4, 0px 0px 10px #61666a;
-webkit-box-shadow:0 0 0 1px #acbac4, 0px 0px 10px #61666a;
box-shadow:0 0 0 1px #acbac4, 0px 0px 10px #61666a;
}
.dropdown ul li{
display:block;
background: url(../images/plumbob_green.png) 0px 12px no-repeat;
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 5px;
}
.dropdown ul li a {
display:block;
padding: 11px 9px 11px 14px;
color:#660099 !important;
text-decoration:none;
white-space:nowrap;
text-transform:none;
text-shadow:1px 1px 0px #fff;
-webkit-transition:color 0.5s ease !important;
-moz-transition:color 0.5s ease !important;
-o-transition:color 0.5s ease !important;
transition:color 0.5s ease !important;
}
.dropdown ul li a:hover {
color:#6d99cc !important;
text-shadow:none !important;
text-shadow:1px 1px 0px #fff !important;
}
.dropdown.active {
z-index:100;
} |
Скрипт, который первый рабочий представлен в первом посте в коде с ссылкой на ниво-слайдер. Чуть ниже скрипт fancydropdown.js, который пытался подключить и конфликтует. Дело в том, что я понимаю, что где-то в коде идет повтор библиотек jquery, но понятия не имею как их найти и удалить.
Перестали работать слайдер справа в информере вверху (пустое окно) и выпадающие ключевые внизу раскрылись.
Скрипты на данный момент выглядят так:
Код:
|
<script type="text/javascript" src="{THEME}/js/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="{THEME}/js/fancydropdown.js"></script>
<script>
// nivo-slider
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random',
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 700,
startSlide: 0,
directionNav: false,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: 'Prev',
nextText: 'Next',
randomStart: false,
pauseTime: 4500
});
});
// end nivo-slider
//tags
$(document).ready(function(){
var spoiler = $('.tags_block');
spoiler.hide();
$('#tags_btn').click(function(){spoiler.slideToggle("slow");return false;});
//end tags
</script> |