Хостинг от uCoz
Баннерообмен
Заказать рекламу

Реклама:


  • Страница 1 из 1
  • 1
Модератор форума: Onl1nE  
Раздвижное горизонтальное меню
Onl1nE | Доп.Инфо Дата: Пятница, 10.09.2010, 20:18 | Сообщение # 1
★⎷⎛Onl1nE ⎷⎛★
Директор
Сообщений: 327
Репутация: 20
1. Заходим в файловый менеджер и создаем папки js и css (если их нет)
2. Качаем jqueryslidemenu.js и вставляем в папку js, качаем jqueryslidemenu.css и вставляем в папку css, и в корень сайта заливаем http://www.dynamicdrive.com/cssexamples/media/down.gif и http://www.dynamicdrive.com/cssexamples/media/right.gif.
3. Между head и /head вставляем этот код:

Code
<link rel="stylesheet" type="text/css" href="css/jqueryslidemenu.css" />   

<!--[if lte IE 7]>   
<style type="text/css">   
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/   
</style>   
<![endif]-->   

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>   
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>

4. Где хотите чтоб было меню встявляем:

Code
<div id="myslidemenu" class="jqueryslidemenu">   
<ul>   
<li><a href="http://www.truegamerz.clan.su/">TG</a></li>   
<li><a href="#">Item 2</a></li>   
<li><a href="#">Folder 1</a>   
        <ul>   
        <li><a href="#">Sub Item 1.1</a></li>   
        <li><a href="#">Sub Item 1.2</a></li>   
        <li><a href="#">Sub Item 1.3</a></li>   
        <li><a href="#">Sub Item 1.4</a></li>   
        </ul>   
</li>   
<li><a href="#">Item 3</a></li>   
<li><a href="#">Folder 2</a>   
        <ul>   
        <li><a href="#">Sub Item 2.1</a></li>   
        <li><a href="#">Folder 2.1</a>   
          <ul>   
          <li><a href="#">Sub Item 2.1.1</a></li>   
          <li><a href="#">Sub Item 2.1.2</a></li>   
          <li><a href="#">Folder 3.1.1</a>   
        <ul>   
            <li><a href="#">Sub Item 3.1.1.1</a></li>   
            <li><a href="#">Sub Item 3.1.1.2</a></li>   
            <li><a href="#">Sub Item 3.1.1.3</a></li>   
            <li><a href="#">Sub Item 3.1.1.4</a></li>   
            <li><a href="#">Sub Item 3.1.1.5</a></li>   
        </ul>   
          </li>   
          <li><a href="#">Sub Item 2.1.4</a></li>   
          </ul>   
        </li>   
        </ul>   
</li>   
<li><a href="http://www.truegamerz.clan.su/">TG</a></li>   
</ul>   
<br style="clear: left" />   
</div>


[Table][/Table]
[Table][/Table]

[Table][/Table]

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

Designversion 9.6 by Onl1nE  

(C) Cs-mega.uCoz.net | 2010 | Все права защищены! Рип скриптов и дизайна строго запрещено
Сделать бесплатный сайт с uCoz