Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

Скрипт раздвижного меню

Скрипт раздвижного меню
Описание:

Скрипт стильного, темного раздвижного меню на тему Counter-Strike для вашего портала uCoz.


Установка:
1. В CSS стиль вставляем:

.side-navigation{width:200px;background:url('/img/pagebg.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff}
.side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}
.side-navigation .block-inner{padding-bottom:2px}
.side-block .block-inner{padding:5px;}
.side-block .block-inner.nopadding{padding:0px !important;}

.zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}
.zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)}
.zp-links a.w-sub{background:url('/img/submenu-btn.png') no-repeat;background-position:185px 7px}
.zp-links a.w-sub:hover{background:url('/img/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}
.zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}
.zp-links .s-level a.w-sub:hover{background-position:190px 7px}
.zp-links .s-level{padding-left:22px}
.zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal}
.zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}


2. Затем заходим в ПАНЕЛЬ УПРАВЛЕНИЯ - дизайн - Управление дизайном (шаблоны) - Первый контейнер и в самый верх вставляем код:

<div class="side-navigation">
<div class="block-head" style="padding:5px 8px 0px 8px;"><img src="/img/nav-block-title.png" alt="Навигация"></div>
<div class="block-inner">
<div class="zp-links">
<a href="/" title="Главная" alt="">Главная</a>
<a href="/forum" title="Форум" alt="">Форум</a>
<a href="/blog/" title="Блог" alt="">Блог</a>
<a href="/publ/" title="Каталог статей" alt="">Каталог статей</a>
<a href="/news/" title="Новости сайта" alt="">Новости сайта</a>
<a href="/stuff/" title="Онлайн игры" alt="">Онлайн игры</a>
<a href="/photo/" title="Фотоальбом" alt="">Фотоальбом</a>
<a href="/board" title="Доска объявлений" alt="">Доска объявлений</a>
<a href="/dir" title="Каталог сайтов" alt="">Каталог сайтов</a>
<a href="/load" title="Каталог файлов" alt="">Каталог файлов</a>
<a href="/index/0-3" title="Обратная связь" alt="">Обратная связь</a>

<a rel="soft-menu" class="w-sub" href="javascript://">Система uCoz</a>
<div class="s-level" id="soft-menu" style="display: none">
<a href="#" title="Шаблоны для uCoz" alt="">Шаблоны для Ucoz</a>
<a href="#" title="Стараницы 404" alt="">Страницы 404</a>
<a href="#" title="Кнопки скачать" alt="">Кнопки Скачать</a>
<a href="#" title="Шапки для uCoz" alt="">Шапки для uCoz</a>
<a href="#" title="Скрипты для uCoz" alt="">Скрипты для Ucoz</a>
<a href="#" title="Favicon иконки" alt="">Скачать favicon.ico</a>
<a href="#" title="Иконки групп для uCoz" alt="">Иконки групп для uCoz</a>
<a href="#" title="Иконки для форума uCoz" alt="">Иконки для форума uCoz</a>
</div>

<a rel="games-menu" class="w-sub" href="javascript://">Counter-Strike 1.6</a>
<div class="s-level" id="games-menu" style="display: none">
<a href="#" title="Counter-Strike 1.6" alt="">Counter-Strike 1.6</a>
<a href="#" title="Моды для Counter-Strike 1.6" alt="">Моды</a>
<a href="#" title="Читы для Counter-Strike 1.6" alt="">Читы</a>
<a href="#" title="Патчи для Counter-Strike 1.6" alt="">Патчи</a>
<a href="#" title="Видео о Counter-Strike 1.6" alt="">Видео</a>
<a href="#" title="Звуки для Counter-Strike 1.6" alt="">Звуки</a>
<a href="#" title="Кровь для Counter-Strike 1.6" alt="">Кровь</a>
<a href="#" title="Другое для Counter-Strike 1.6" alt="">Другое</a>
</div>

<a rel="kino-menu" class="w-sub" href="javascript://">Counter-Strike: Source</a>
<div class="s-level" id="kino-menu" style="display: none">
<a href="#" title="Логотипы для Counter-Strike: Source" alt="">Логотипы для CS:S</a>
<a href="#" title="Модели оружия для Counter-Strike: Source" alt="">Модели оружия</a>
<a href="#" title="Модели игроков для Counter-Strike: Source" alt="">Модели игроков</a>
<a href="#" title="Темы меню для Counter-Strike: Source" alt="">Темы меню</a>
<a href="#" title="Sleeves-Руки для Counter-Strike: Source" alt="">Sleeves-Руки</a>
<a href="#" title="Читы для Counter-Strike: Source" alt="">Читы</a>
<a href="#" title="Hands-перчатки для Counter-Strike: Source" alt="">Hands-перчатки</a>
<a href="#" title="Админские Скины для Counter-Strike: Source" alt="">Админские Скины</a>
<a href="#" title="Counter-Strike: Source" alt="">Counter-Strike: Source</a>
<a href="#" title="Скрипты для Counter-Strike: Source" alt="">Скрипты</a>
<a href="#" title="Программы для Counter-Strike: Source" alt="">Программы</a>
</div>  

<a rel="pers-menu" class="w-sub" href="javascript://">Софт</a>
<div class="s-level" id="pers-menu" style="display: none">
<a href="#" title="Архиваторы" alt="">Архиваторы</a>
<a href="#" title="Аудио" alt="">Аудио</a>
<a href="#" title="Видео" alt="">Видео</a>
<a href="#" title="Downloader" alt="">Downloader</a>
<a href="#" title="Кодеки" alt="">Кодеки</a>
<a href="#" title="Средства общения" alt="">Средства общения</a>
<a href="#" title="Софт" alt="">Софт</a>
</div>
</div>

</div></div>
<script type="text/javascript">
$(function(){
$(".s-level").hide();
$(".zp-links a.w-sub").click(function(){
var submenu = $(this).attr('rel');
$("#"+submenu+"").toggle('fast');
});
});
</script>​


3. Заливаем папку img на сервер, готово.

img.zip [59.89 Kb] (cкачиваний: 0)
 


0.0
0 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно