| Главная | Форум | Файлы | Статьи | Игровые новости | Новости Кино | Топ сайтов | Ucoz скрипты | Online Фильмы и Сериалы | Первый игровой телеканал | Фильмы(2011) |
>
| Главная | Мой профиль | Вход | RSS |

Страница 1 из 11
Форум » ๑۩۩๑ Все для Ucoz ๑۩۩๑ » Меню сайта » выдвижное меню
выдвижное меню
☠Вагид☠™Дата: Воскресенье, 31.07.2011, 16:58 | Сообщение # 1
Создатель
Сообщений: 226
Награды: 4
Репутация: 10000
Статус: Offline
Я из : Эстония

Неплохое выдвижное меню для 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="http://bu-portal.at.ua/"> Главная</a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/index/pravila_sajta/0-8"> Правила</a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/gb/"> Гостевая</a>    
    <!----><a class="menu_tip3" href="http://bu-portal.at.ua/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="" align="absMiddle"></a>    
    <!----><div id="menu_2" style="display: none;" align="left">    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/ucoz/4"> Главная раздела</a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/ucoz/shablons/8"> Наши шаблоны </a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/ucoz/shabons/1"> Шаблоны </a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/ucoz/skripts/2"> Скрипты</a>    
    <!----><a class="menu_tip3" href="http://bu-portal.at.ua/load/ucoz/knopki/3"> Кнопки</a>    
    <!----></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://bu-portal.at.ua/load/photoshop/5"> Главная раздела</a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/photoshop/kisti/6"> Кисти </a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/photoshop/photoshop_v/7"> Скачать photoshop v. </a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua/load/photoshop/uzori/9"> Стили</a>    
    <!----><a class="menu_tip3" href="http://bu-portal.at.ua/load/photoshop/psd_fajly/10"> 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="http://bu-portal.at.ua/news/"> Главная раздела</a>    
    <!----><a class="menu_tip2" href="http://bu-portal.at.ua//news/sajt/1-0-2"> Новости сайта </a>    
    <!----><a class="menu_tip3" href="http://bu-portal.at.ua/news/sajt/1-0-2"> Новости интернета</a>    
    <!----></div>    
       
    <a class="menu_tip1" href="http://bu-portal.at.ua/forum/"> Форум</a>    
    <a class="menu_tip1" href="http://bu-portal.at.ua/dir/"> TOP сайтов</a>    
    <a class="menu_tip1" href="http://bu-portal.at.ua/index/reklama/0-5"> Реклама на сайте</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="http://bu-portal.at.ua/index/my_rabotaem_nad/0-11"> Страница работ 1</a>    
    <!----></div>


Скачать "выдвижное меню"

Источник Infoscript.ru



 
Форум » ๑۩۩๑ Все для Ucoz ๑۩۩๑ » Меню сайта » выдвижное меню
Страница 1 из 11
Поиск:
Новый ответ
Имя:
Текст сообщения:
Код безопасности:

Русский автосерфинг

myxlam.clan.su © 2017Пользовательское соглашение Для правообладателей Хостинг от uCoz

Сайт тестировался на просмотр следующих браузеров: Internet Explorer 6-8 , Mozilla Firefox 2-3 , Opera 8-10 и Google Chrome.Все права защищены, myxlam.clan.su 2010-2017 © Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, используется в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.

free counters Хостинг от uCoz