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

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » выдвижное меню (тёмное)
выдвижное меню
Support@NC
Дата: Вторник, 09.08.2011, 22:47 | Сообщение # 1
NN-CS.3DN.Ru Агент
Администратор
Сообщений: 0
Репутация: 54
Награды: 8


Оригинальное выдвижное меню для ucoz для темных дизайнов.

Сначала скачайте картинки и залейте в корень сайта. ( Скачать )

В СSS это:

Code
/* МЕНЮ */       
       a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('/menu_playcheat/b_nab_mn.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 14px;}       
       a.menu_tip2 {display:block; width:152px; height:18px; text-align:left; background:url('/menu_playcheat/b_nab_mn.gif'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 35px;}       
       a.menu_tip3 {display:block; width:152px; height:18px; text-align:left; background:url('/menu_playcheat/b_nab_mn.gif'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 35px;}       
       a.menu_tip1:link, a.menu_tip2:link, a.menu_tip3:link { text-decoration:none; color:#848484;}       
       a.menu_tip1:visited, a.menu_tip2:visited, a.menu_tip3:visited { text-decoration:none; color:#848484;}       
       a.menu_tip1:hover, a.menu_tip2:hover, a.menu_tip3:hover { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}       
       a.menu_tip1:active, a.menu_tip2:active, a.menu_tip3:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}       
       /* ---- */


В любое место где хотите чтоб было меню:

Code
<!----></div>

<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_01').slideToggle('slow');"> Photoshop <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>
<!----><div id="menu_01" style="display: none;" align="left">
<!----><a class="menu_tip2" href="http://nn-cs.3dn.ru/"> Главная раздела</a>
<!----><a class="menu_tip2" href="http:///"> Кисти </a>
<!----><a class="menu_tip2" href="http:///"> Скачать photoshop v. </a>
<!----><a class="menu_tip2" href="http:///"> Стили</a>
<!----><a class="menu_tip3" href="http:///"> PSD файлы</a>
<!----></div>

<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');"> Новости <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>
<!----><div id="menu_3" style="display: none;" align="left">
<!----><a class="menu_tip2" href="ссылка/"> Главная раздела</a>
<!----><a class="menu_tip2" href="ссылка/"> Новости сайта </a>
<!----><a class="menu_tip3" href="ссылка/"> Новости интернета</a>
<!----></div>

<a class="menu_tip1" href="ссылка/"> Форум</a>
<a class="menu_tip1" href="ссылка/"> TOP сайтов</a>
<a class="menu_tip1" href="ссылка/"> Реклама на сайте</a>

<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_4').slideToggle('slow');"> Сейчас мы работаем над <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>
<!----><div id="menu_4" style="display: none;" align="left">
<!----><a class="menu_tip3" href="ссылка/"> Страница работ 1</a>
<!----></div>


Служба поддержки NN-CS.3DN.Ru Агент
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » выдвижное меню (тёмное)
Страница 1 из 11
Поиск:

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

Вверх