• Страница 1 из 1
  • 1
Меню как на WebIL-INFO v3
Дата: Среда, 14.03.2012, 20:49 | Сообщение # (1)
Администраторы
Глава клана
Сообщения:291

Вставить в css
Code
/* МЕНЮ At-Portal.Ru */   
   a.menu_tip1 {display:block; width:170px; height:18px; text-align:left; background:url('/style/menu/menu_a.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 22px;}   
   a.menu_tip2 {display:block; width:150px; height:18px; text-align:left; background:url('/style/menu/menu_b.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 42px;}   
   a.menu_tip3 {display:block; width:150px; height:18px; text-align:left; background:url('/style/menu/menu_c.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 42px;}   
   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" uzzonclick="$('#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="http://webil-info.net.ru/">WebIL-INFO</a>   
   <!----><a class="menu_tip2" href="http://webil-info.net.ru/">WebIL-INFO</a>   
   <!----><a class="menu_tip2" href="http://webil-info.net.ru/">WebIL-INFO</a>   
   <!----><a class="menu_tip3" href="http://webil-info.net.ru/">WebIL-INFO</a>   
   <!----></div>   

   <a class="menu_tip1" href="javascript://" rel="nofollow" uzzonclick="$('#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="!!!!!!!!!!ССЫЛКА!!!!!!!!!!">НАЗВАНИЕ</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" uzzonclick="$('#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_tip2" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!">НАЗВАНИЕ</a>   
   <!----><a class="menu_tip3" href="!!!!!!!!!!ССЫЛКА!!!!!!!!!!">НАЗВАНИЕ</a>   
   <!----></div>

!!!!!!!!!!ССЫЛКА!!!!!!!!!!!! - URL страницы на которую совершится переход
Название - будет отображаться в меню
('#menu_2') - Номер меню. (указывать обязательно)
id="menu_2" - Номер меню которое будет отображаться после нажатие на раздвижную кнопку

залить содержимое архива в Ф. Менеджер, в категорию /style/menu/
СКАЧАТЬ


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