Гость !!! | RSS
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
  • Страница 1 из 1
  • 1
Модератор форума: Emilia  
Вертикальное - раздвижное меню
« Zeynab » Дата: Воскресенье, 24 Октября 2010, 08:27:35 | Сообщение # 1
Прохожие
Zeynab
«Новичок»
Сообщений: 16
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Установка

Файлы - можете скачать ниже (правой кнопкой мыши - сохранить как)

CSS:

Code
/*-== МЕНЮ ==-*/
a.menu_bgA {display:block; width:160px; height:18px; text-align:left; background:url('/5953200.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 20px;}
a.menu_bgB {display:block; width:140px; height:18px; text-align:left; background:url('/3568953.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_bgC {display:block; width:140px; height:18px; text-align:left; background:url('/0345236.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_bgA:link, a.menu_bgB:link, a.menu_bgC:link { text-decoration:none; color:#003366;}
a.menu_bgA:visited, a.menu_bgB:visited, a.menu_bgC:visited { text-decoration:none; color:#003366;}
a.menu_bgA:hover, a.menu_bgB:hover, a.menu_bgC:hover { text-shadow:0 0 5px #fff; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius: 2px; color:#fff; background-position:0px -23px;}
a.menu_bgA:active, a.menu_bgB:active, a.menu_bgC:active { text-shadow:0 0 5px #fff; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius: 2px; color:#fff; background-position:0px -23px;}
/*-=========-*/

Там, где хотим видеть меню - ставим:
Code
<a class="menu_bgA" href="javascript://" rel="nofollow" onclick="$('#menu_1').slideToggle('slow');"><img align="right" border="0" style="padding-right: 6px;" src="/0460955.png" align="absMiddle">НАЗВАНИЕ</a>
<div id="menu_1" style="display: none;" align="left">
<a class="menu_bgB" href="---ССЫЛКА---"><img border="0" src="/23534586.png" align="absMiddle" width="11"> Название</a>
<a class="menu_bgB" href="---ССЫЛКА---"><img border="0" src="/98125861.png" align="absMiddle" width="11"> Название</a>
<a class="menu_bgB" href="---ССЫЛКА---"><img border="0" src="/66259337.png" align="absMiddle" width="11"> Название</a>
<a class="menu_bgC" href="---ССЫЛКА---"><img border="0" src="/44874799.png" align="absMiddle" width="11"> Название</a>
</div>

<a class="menu_bgA" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');"><img align="right" border="0" style="padding-right: 6px;" src="/0460955.png" align="absMiddle">НАЗВАНИЕ</a>
<div id="menu_2" style="display: none;" align="left">
<a class="menu_bgB" href="---ССЫЛКА---"> Название</a>
<a class="menu_bgB" href="---ССЫЛКА---"> Название</a>
<a class="menu_bgB" href="---ССЫЛКА---"> Название</a>
<a class="menu_bgB" href="---ССЫЛКА---"><img border="0" src="/61476119.gif" align="absMiddle" width="11"> Название</a>
<a class="menu_bgC" href="---ССЫЛКА---"> Название</a>
</div>
       
<a class="menu_bgA" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');"><img align="right" border="0" style="padding-right: 6px;" src="/0460955.png" align="absMiddle">НАЗВАНИЕ</a>
<div id="menu_3" style="display: none;" align="left">
<a class="menu_bgB" href="---ССЫЛКА---"> Название</a>
<a class="menu_bgB" href="---ССЫЛКА---"><img border="0" src="/75202756.png" align="absMiddle" width="11"> Название</a>
<a class="menu_bgC" href="---ССЫЛКА---"> Название</a>
</div>
       
<a class="menu_bgA" href="---ССЫЛКА---"> Название</a>
<a class="menu_bgA" href="---ССЫЛКА---"> Название</a>
<a class="menu_bgA" href="---ССЫЛКА---"> Название</a>

[cut noguest]1. 2. 3. 4. [/cut]



Сообщение отредактировал(а) Zeynab - Воскресенье, 24 Октября 2010, 11:34:33

 
  • Страница 1 из 1
  • 1
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2024 ()
уЧётчик сайта