Форум iSofter
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Меню для ucoz » Новое Вертикальное раздвижное меню для UCOZ (Вертикальное раздвижное меню как на http://css-play4fun.ru/)
Новое Вертикальное раздвижное меню для UCOZ
GrozaZoolДата: Четверг, 03.03.2011, 17:01 | Сообщение # 1

Главный админ

Сообщений: 142
Репутация: 12784
Статус: Offline
Новое Вертикальное раздвижное меню для UCOZ с элегантным видом, удобный для навигаций.
Весь вид и функциональность меню можно проверить на сайте css-play4fun.ru.

Установка:
1) Кидаем в CSS этот код:

Code

/* MENU by css-play4fun.ru*/  
.bngreen { width: 210px; background: #fff url("http://css-play4fun.ru/menu/new/bngreen.png") repeat-y; }  
   .bngreen .bngreen { padding: 0 0 0px 0; }  
   .bngreen .bngarrow { float: right; margin-top: -31px; }  
   .bngreen .dcont { overflow: hidden; margin: 0 1px 0 0 ; }  
   .bngreen ul { font-size: 11px; margin-top: -2px; }  
   .bngreen ul li { position: relative; background: url("http://css-play4fun.ru/menu/new/bngreennav.png") no-repeat; }  
   .bngreen ul a, .bngreen ul span.sublink { text-indent: 6px; display: block; color: #704b3d; width: 209px; height: 25px; line-height: 25px; overflow: hidden;padding-left:20px;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);}  
   .bngreen ul a:hover, .bngreen ul span.sublink:hover { color: #fff; background: url("http://css-play4fun.ru/menu/new/bngreennav.png") no-repeat -209px 0px; }  

   .bngreen ul span.sublink { cursor: pointer; }  
   .bngreen ul .sublink img { width: 14px; height: 14px; position: absolute; top: 6px; right: 15px; background: url("http://css-play4fun.ru/menu/new/open-close.png") no-repeat; }  
   .bngreen ul .closed img { background-position: 0 0; }  
   .bngreen ul .opened img { background-position: 0 -14px; }  

   .bngreen ul .submenu { overflow: hidden; }  
   .bngreen ul .submenu ul { margin: 0; padding: 5px; font-size: 1em;background: url("http://css-play4fun.ru/menu/new/sublinks1.png") no-repeat; }  
   .bngreen ul .submenu ul li { background: url("http://css-play4fun.ru/menu/new/sublinks1.png") repeat-x ; padding-left: 13px; }  
   .bngreen ul .submenu ul li a { color: #fff; width: 100%; height: auto; line-height: normal; padding: 4px 0; text-indent: 0; background: none; }  
   .bngreen ul .submenu ul li a:hover { color: #fff; }  

table { border-collapse: collapse; border-spacing: 0; }  
.reset, .reset li { list-style: none; padding: 0; margin: 0; }  
/* END MENU */

2)Код Меню вставляем куда надо (чаще всего это блок xD)

Code

<div class="bngreen">   
   <div class="dcont">   
   <ul class="reset">   
   <li><a href="/index.php"><b>Главная</b></a></li>   
   <li><span class="sublink"><b>Видео по CS</b></span></li>   
   <li class="submenu">   
   <ul class="reset">   
<li><a href='http://css-play4fun.ru/blog/poleznoe/1-0-16' title='Видео уроки по КС'>» Видео уроки</a></li>   
<li><a href='http://css-play4fun.ru/blog/muviki/1-0-7' title='Мувики по КС'>» Мувики</a></li>   
<li><a href='http://css-play4fun.ru/blog/trejlery/1-0-6' title='Трейлеры по КС'>» Трейлеры</a></li>   
<li><a href='http://css-play4fun.ru/blog/mini_klipy/1-0-15' title='Мини-Клипы по КС'>» Мини-Клипы</a></li>   
<li><a href='http://css-play4fun.ru/blog/prikoly_css/1-0-11' title='Приколы в КСе'>» Приколы в cs</a></li>   
     
<li><a href='http://css-play4fun.ru/blog/taktiki_ot_wesgg/1-0-12' title='Видео Тактики от WESgg для Counter-Strike'>» Тактики от WESgg</a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_train/1-0-1' title='Видео Тактики на карте de_train для Counter-Strike'>» Тактики на de_train </a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_dust/1-0-9' title='Видео Тактики на карте de_dust для Counter-Strike'>» Тактики на de_dust </a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_nuke/1-0-13' title='Видео Тактики на карте de_nuke для Counter-Strike'>» Тактики на de_nuke</a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_cs_militia/1-0-3' title='Видео Тактики на карте cs_militia для Counter-Strike'>» Тактики на cs_militia</a></li>   
     
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_aztec/1-0-2' title='Видео Тактики на карте de_aztec для Counter-Strike'>» Тактики на de_aztec </a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_dust2/1-0-8' title='Видео Тактики на карте de_dust2 для Counter-Strike'>» Тактики на de_dust2 </a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_contra/1-0-18' title='Видео Тактики на карте de_contra для Counter-Strike'>» Тактика на de_contra</a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_tuskan/1-0-4' title='Видео Тактики на карте de_tuskan для Counter-Strike'>» Тактики на de_tuskan</a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_season/1-0-17' title='Видео Тактики на карте de_season для Counter-Strike'>» Тактика на de_season</a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_inferno/1-0-10' title='Видео Тактики на карте de_inferno для Counter-Strike'>» Тактики на de_inferno</a></li>   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_prodigy/1-0-5' title='Видео Тактики на карте de_prodigy для Counter-Strike'>» Тактика на de_prodigy</a></li>   
<li><a href='http://css-play4fun.ru/blog/raznoe/1-0-14' title='Разные тактические советы по КС'>» Разные тактические советы </a></li>   

   </ul>   
   </li>   
   <li><span class="sublink"><b>Тактические статьи</b></span></li>   
   <li class="submenu">   
   <ul class="reset">   
<li><a href='http://css-play4fun.ru/publ/takticheskie_sovety_na_kartakh_kss/9' title='Тактические статьи на картах CS'>» Тактические советы на картах</a></li>   
<li><a href='http://css-play4fun.ru/publ/counter_strike_source/2' title='Боевые действия по CS'>» Боевые действия по CS</a></li>   
<li><a href='' title='Обозначения позици и маркировка точек в css'>» Обозначения позиций</a></li>   

   </ul>   
   </li>   
   </ul>   
     
     
     
     
     
     

<ul class="reset">   
   <li><span class="sublink"><b>Конфиги/Скрипты</b></span></li>   
   <li class="submenu">   
   <ul class="reset">   

<li><a href="http://css-play4fun.ru/load/konfigi_professionalnykh_igrokov_css/44" >» Конфиги pro игроков</a> </li>   
<li><a href="http://css-play4fun.ru/load/konfigi_dlja_servera_css/146" >» Конфиги для сервера css</a> </li>   
<li><a href="http://css-play4fun.ru/load/raznoe/60" >» Скрипты для игры css</a> </li>   
   </ul>   
   </li>   
   </ul>   

     
<ul class="reset">   
   <li><span class="sublink"><b>Демки STV для css</b></span></li>   
   <li class="submenu">   
   <ul class="reset">   

<li><a href="http://css-play4fun.ru/load/demki_new_css/demki_dlja_css_ver_34/71" >» Демки для css ver.34</a> </li>   
<li><a href="http://css-play4fun.ru/load/demki_new_css/demki_dlja_novoj_css/72" >» Демки PRO команд</a> </li>   
<li><a href="http://css-play4fun.ru/load/demki_new_css/cyberarena_turnir_intel_challenge_supercup/107" >» Cyberarena SuperCup 2011</a> </li>  
<li><a href="http://css-play4fun.ru/load/demki_new_css/demki_sbornykh_stran/142" >» Демки сборных стран</a> </li>   
   </ul>   
   </li>   
   </ul>   
     
     
<ul class="reset">   
   <li><span class="sublink"><b>Скачать cs/Патчи</b></span></li>   
   <li class="submenu">   
   <ul class="reset">   

<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/patchi_css/121" >» Патчи css</a> </li>   
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_cs_1_6/114" >» Скачать CS 1.6 </a> </li>   
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_cs/108" >» Скачать CS Promod 1.05</a> </li>  
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_piratku_css_ver_34/117" >» Скачать пиратку CSS ver.34</a> </li>   
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_css_ver_58/115" >» Скачать CSS no steam ver. 58</a> </li>   
   </ul>   
   </li>   
   </ul>   
     
     
     
     
   </div>   
</div>  
     
<script type="text/javascript" src="http://css-play4fun.ru/menu/ddaccordion.js"></script>   
<script type="text/javascript">   
ddaccordion.init({  
   headerclass: "sublink",  
   contentclass: "submenu",  
   revealtype: "click",  
   mouseoverdelay: 200,  
   collapseprev: false,  
   defaultexpanded: [],  
   onemustopen: false,  
   animatedefault: false,  
   persiststate: true,  
   toggleclass: ["closed", "opened"],  
   togglehtml: ["suffix", "<img src='http://css-play4fun.ru//images/spacer.gif' alt='-' /> ", "<img src='http://css-play4fun.ru//images/spacer.gif' alt='+' /> "],  
   animatespeed: "fast",  
   oninit:function(expandedindices){ },  
   onopenclose:function(header, index, state, isuseractivated){ }  
})  
span></script>

3) меняем ссылки на свои!

Думаю проблем с установкой не возникнет.


 
Форум » ***Всё для Ucoz*** » Меню для ucoz » Новое Вертикальное раздвижное меню для UCOZ (Вертикальное раздвижное меню как на http://css-play4fun.ru/)
Страница 1 из 11
Поиск:



Яндекс.Метрика
Copyright © 2010-2016г