Раздвижное меню ucoz под шаблон World of tanks
Меню для сайта uCoz. Меню сайта под шаблон сайта для ucoz World of tanks. Меню в темно желтых тенях по дизайну. Если его устанавливать на другой шаблон надо будит в файловый менеджер в название папки поменять в который он залит в корень сайта. А если под шаблон World of tanks то делаем так. Установка: 1.Качаем файлы и загружаем в ФМ-> В путь:-> /images/menu_vot/ 2.Идем в таблицу стилей, и кидаем код в самый низ: Код .side-navigation{width:195px;background:url('/images/menu_vot/76832.png') #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('/images/menu_vot/submenu-btn.png') no-repeat;background-position:180px 7px} .zp-links a.w-sub:hover{background:url('/images/menu_vot/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:185px 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; background:url('/images/menu_vot/123-08.png');} .zp-links .s-level a{border-left:2px solid #272727;font-weight:normal} .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px} 3.Идем в первый контенер, и кидаем код: Код <div class="side-navigation"> <div class="block-inner"> <div class="zp-links"> <a title="Главная" href="http://zornet.ru/">Главная</a> <a title="Форум игрока" href="http://zornet.ru/forum/">На форум</a> <a title="Новости" href="http://zornet.ru/news/">Новости</a> <a title="Музыка" href="http://zornet.ru/blog/">Музыка</a> <a title="Статьи" href="http://zornet.ru/publ/">Статьи</a> <a title="ФотоZал" href="/photo/" >ФотоZал</a> <a title="КиноZал" href="/stuff/" >Wot menu</a> <a title="Обзор Игр" href="/board" >Wot menu</a> <a title="Файловый архив" href="/load" >Файловый архив</a> <a title="Мониторинг серверов" href="/dir" >Мониторинг серверов</a> <a rel="soft-menu" class="w-sub" href="javascript://">uCoz</a> <div class="s-level" id="soft-menu" style="display: none"> <a title="Шаблоны для Ucoz" href="/load/13" >Шаблоны</a> <a title="Скрипты для Ucoz" href="/load/14" >Скрипты</a> <a title="Шапки для Ucoz" href="/load/15" >Шапки</a> <a title="Смайлы и Иконки для Ucoz" href="/load/16" >Смайлы и Иконки</a> <a title="PSD Баннера 468x60 и 88x31" href="/load/47" >PSD Баннера</a> <a title="Часы для Ucoz" href="/load/48" >Часы</a> <a title="Иконки групп для Ucoz" href="/load/50" >Иконки групп </a> </div> <a rel="games-menu" class="w-sub" href="javascript://">Шкурки для wot</a> <div class="s-level" id="games-menu" style="display: none"> <a title="Консольные команды для Counter strike 1.6" href="/load/19" >Зимние</a></a> <a title="Готовые Сервера для Counter strike 1.6" href="/load/20" >Летние </a> <a title="Модели Игроков для Counter strike 1.6" href="/load/21" >Модели Игроков </a> <a title="Модели Оружия для Counter strike 1.6" href="/load/22" >Модели Оружия</a> <a title="Анти-читы для Counter strike 1.6" href="/load/23" >Анти-читы </a> <a title="Плагины для Counter strike 1.6" href="/load/24" >Плагины </a> <a title="Карты для Counter strike 1.6" href="/load/25" >Карты </a> <a title="Читы для Counter strike 1.6" href="/load/26" >Читы </a> <a title="Боты для Counter strike 1.6" href="/load/44" >Боты</a> <a title="Звуки для Counter strike 1.6" href="/load/45" >Звуки</a> <a title="Моды для Counter strike 1.6" href="/load/46" >Моды</a> <a title="Config.cfg Конфиги для Counter strike 1.6" href="/load/51" >Config.cfg Конфиги</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 title="Скачать Counter-Strike:Source" href="/load/29">Counter-Strike:Source</a> <a title="Скачать Counter-Strike:Source" href="/load/30">Программы</a> <a title="Скачать Counter-Strike:Source" href="/load/32">Плагины</a> <a title="Скачать Counter-Strike:Source" href="/load/33">Античиты</a> <a title="Скачать Counter-Strike:Source" href="/load/34">Карты</a> <a title="Скачать Counter-Strike:Source" href="/load/35">Модели игроков</a> <a title="Скачать Counter-Strike:Source" href="/load/36">Модели оружия</a> <a title="Скачать Counter-Strike:Source" href="/load/56">Готовые сервера</a> </div> <a rel="pers-menu" class="w-sub" href="javascript://">MINECRAFT</a> <div class="s-level" id="pers-menu" style="display: none"> <a title="Моды для minecraft" href="/load/38">Моды</a> <a title="Клиенты для minecraft" href="/load/39">Клиенты</a> <a title="Текстуры для minecraft" href="/load/42">Текстуры</a> <a title="Карты для minecraft" href="/load/43">Карты</a> <a title="Софт для minecraft" href="/load/40">Софт</a> <a title="Разное для minecraft" href="/load/41">Разное</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> <script type="text/javascript" src="/images/menu_vot/m_color.js"></script> Шаблон World of tanks переделанный и доработанный вы можете скачать на нашем сайте. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 17 | |
| |
1 2 3 » | |