Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.33.244
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Раздвижное вертикальное меню
Сообщение оставлено 16.10.2010 в 15:45:38 | Сообщение #1

ПУ-->Управление дизайном-->CSS. Вниз ставим это:

Code
/* МЕНЮ */
a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; background:url('/style/menu/menu_a.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 20px;}
a.menu_tip2 {display:block; width:152px; height:18px; text-align:left; background:url('/style/menu/menu_b.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
a.menu_tip3 {display:block; width:152px; height:18px; text-align:left; background:url('/style/menu/menu_c.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 40px;}
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="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
<!----><a class="menu_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
<!----><a class="menu_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
<!----><a class="menu_tip3" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
<!----></div>

<a class="menu_tip1" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');"> НАЗВАНИЕ <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="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
    <!----><a class="menu_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ </a>
    <!----><a class="menu_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
    <!----><a class="menu_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
    <!----><a class="menu_tip3" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</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="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
    <!----><a class="menu_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
    <!----><a class="menu_tip3" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" src="" align="absMiddle"> НАЗВАНИЕ</a>
    <!----></div>
       
<a class="menu_tip1" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" align="absMiddle"> НАЗВАНИЕ</a>
<a class="menu_tip1" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" align="absMiddle"> НАЗВАНИЕ сайтов</a>
<a class="menu_tip1" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!"><img alt="" align="absMiddle"> НАЗВАНИЕ</a>

В корне сайта создаем папку style, а в ней папку menu и кидаем в нее файлы из архива.
Скачать меню



 Сообщение отредактировал Noskow - Суббота, 16.10.2010, 15:46:24
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика