На главную Форум Вход Регистрация
Меню (навигация) csomsk - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Меню (навигация) csomsk (new)
Меню (навигация) csomsk
NN-CS™
Дата: Понедельник, 17.09.2012, 18:53 | Сообщение # 1
Администратор
Сообщений: 357
Репутация: 848
Награды: 17
Новое тёмное меню (навигация) как на сайте csomsk



Установка меню:

Этот ком вставляем в css:
Code

.side-navigation{width:207px;background:url('http://nn-cs.3dn.ru/_ph/3/2/801865073.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:6px;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:#ea7609;padding-left:14px;background:rgba(0,0,0,0.2)}     
     .zp-links a.w-sub{background:url('http://nn-cs.3dn.ru/_ph/3/2/153809188.png') no-repeat;background-position:185px 7px}     
     .zp-links a.w-sub:hover{background:url('http://nn-cs.3dn.ru/_ph/3/2/153809188.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 #ea7609;font-weight:normal}     
     .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}


В блок:
Code
<div class="side-navigation">     
     <div class="block-head" style="padding:5px 8px 0px 8px;" align="center"><img src="http://nn-cs.3dn.ru/_ph/3/2/466496216.png" alt="Навигация"></div>     
     <div class="block-inner">     
     <div class="zp-links">     
     <a title="Главная" href="http://nn-cs.3dn.ru/">Главная</a>     
     <noindex><a target="_blank" title="мы вконтакте" href="http://nn-cs.3dn.ru/">Vk.com</a> </noindex>  
     <a title="Форум" href="http://nn-cs.3dn.ru/">Форум</a>  
     <a title="Видео" href="http://nn-cs.3dn.ru/">Видео</a>     
     <a title="Статьи" href="http://nn-cs.3dn.ru/">Статьи</a>     
     <a title="Новости" href="http://nn-cs.3dn.ru/">Новости</a>     
     <a title="КиноZал" href="http://nn-cs.3dn.ru/" >КиноZал</a>  
     <a title="ФотоZал" href="http://nn-cs.3dn.ru/" >ФотоZал</a>     
     <a title="Обзор Игр" href="http://nn-cs.3dn.ru/" >Обзор Игр</a>     
     <a title="Топ сайтов" href="http://nn-cs.3dn.ru/" >Топ сайтов</a>     
     <a title="Гостевая" href="http://nn-cs.3dn.ru/" >Гостевая книга</a>     
     <a title="Файловый архив" href="http://nn-cs.3dn.ru/" >Каталог файлов</a>     
  <a title="Связь с админом через е-майл адрес" href="http://nn-cs.3dn.ru/" >Связь с Админом</a>  
     </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>  


Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Меню (навигация) csomsk (new)
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх