• Страница 1 из 1
  • 1
Форум » Всё для uCoz » Скрипты для uCoz » Выдвижное меню (для темных дизайнов)
Выдвижное меню
yaN - Offline
Дата: Пятница, 06.04.2012, 16:43 | Сообщение # 1
Нет аватара
Сообщения: 1395
http://infoscript.ru/_nw/22/36326573.gif

Неплохое выдвижное меню для 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
<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_1').slideToggle('slow');">INFO <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>
<div id="menu_1" style="display: none;" align="left">
<a class="menu_tip2" href="/">Главная</a>
<a class="menu_tip2" href="/index/pravila_sajta/0-8">Правила</a>
<a class="menu_tip2" href="/gb/">Гостевая</a>
<a class="menu_tip3" href="/index/0-3">Обратная связь</a>
</div>

     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');">Все для uCoz <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>
<div id="menu_2" style="display: none;" align="left">
<a class="menu_tip2" href="/load/ucoz/4">Главная раздела</a>
<a class="menu_tip2" href="/load/ucoz/shablons/8">Наши шаблоны</a>
<a class="menu_tip2" href="/load/ucoz/shabons/1">Шаблоны</a>
<a class="menu_tip2" href="/load/ucoz/skripts/2">Скрипты</a>
<a class="menu_tip3" href="/load/ucoz/knopki/3">Кнопки</a>
</div>
          
     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');">Photoshop <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="/load/photoshop/5">Главная раздела</a>
<a class="menu_tip2" href="/load/photoshop/kisti/6">Кисти</a>
<a class="menu_tip2" href="/load/photoshop/photoshop_v/7">Скачать photoshop v</a>
<a class="menu_tip2" href="/load/photoshop/uzori/9">Стили</a>
<a class="menu_tip3" href="/load/photoshop/psd_fajly/10">PSD файлы</a>
</div>
          
     <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_tip2" href="/news/">Главная раздела</a>
<a class="menu_tip2" href="/news/sajt/1-0-2">Новости сайта</a>
<a class="menu_tip3" href="/news/sajt/1-0-2">Новости интернета</a>
</div>
          
     <a class="menu_tip1" href="/forum/">Форум</a>
     <a class="menu_tip1" href="/dir/">TOP сайтов</a>
     <a class="menu_tip1" href="/index/reklama/0-5">Реклама на сайте</a>
          
     <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_5').slideToggle('slow');">Сейчас мы работаем над <img alt="" style="margin-left:5px;" src="/style/menu/niz.png" align="absMiddle"></a>
<div id="menu_5" style="display: none;" align="left">
<a class="menu_tip3" href="/index/my_rabotaem_nad/0-11">Страница работ 1</a>
</div>


Сообщение отредактировал -SAM- - Пятница, 06.04.2012, 18:11
-SAM- - Offline
Дата: Пятница, 06.04.2012, 17:51 | Сообщение # 2
Нет аватара
⇚ Stand Alone Man ⇛
Сообщения: 165
[spoiler="2 $h0cK"]Говнорип полнейший... даже нет ссылок на графику. $h0cK, ты бы хоть ссылки выкладывал откуда ты копи-пастишь, а то от твоего копи-паста тупого уже тошнит, т.к. на первоисточнике можно найти больше инфы, чем здесь + возможно есть прикрепления в виде архива с графикой.[/spoiler]Вот ссылка на источник, там же и ссылка на скачивание.
Админ - существо кроткое, пока не разозлить...٩(̾●̮̮̃̾•̃̾)۶
yaN - Offline
Дата: Пятница, 06.04.2012, 20:07 | Сообщение # 3
Нет аватара
Сообщения: 1395
как скажешь)))
OST^Mi_A - Offline
Дата: Суббота, 23.06.2012, 15:22 | Сообщение # 4
Нет аватара
Сообщения: 17
Ну чё сказать ?! - Прикольно =D
[OST Области Тьмы] Mi_A
Форум » Всё для uCoz » Скрипты для uCoz » Выдвижное меню (для темных дизайнов)
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "All-CsPro.Ru".
Копирование материалов с сайта без разрешения запрещено. © 2011-2020 Хостинг от uCoz.