10:37:01 | 01.11.2024
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Steam  
Выдвижное меню для сайта
Enemy · Оффлайн · Дата: Четверг, 11.08.2011, 03:45:47 | Сообщение # 1

  • Сообщений: 526
  • Награды: 0

Установка:
Кидаем это в Css:
Code
/* МЕНЮ */    
    a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('http://www.fan-ps.ru/Other/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('http://www.fan-ps.ru/Other/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('http://www.fan-ps.ru/Other/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');">Навигация<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="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip3" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>
    <!----></div>    

    <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');">Навигация<img alt="" style="margin-left:5px;" src="" align="absMiddle"></a>    
    <!----><div id="menu_2" style="display: none;" align="left">    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip3" href="Ссылка">Навигация</a>    
    <!----></div>    
       
    <a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_01').slideToggle('slow');">Навигация<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="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>    
    <!----><a class="menu_tip3" href="Ссылка">Навигация</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>    
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>
    <!----><a class="menu_tip2" href="Ссылка">Навигация</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_tip3" href="Ссылка">Навигация</a>  
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>
    <!----><a class="menu_tip2" href="Ссылка">Навигация</a>   
    <!----></div>

Вот и всё!
Удачи!



  • Страница 1 из 1
  • 1
Поиск: