При копирование материала ссылки на сайт обязательны!
Нарушение авторских прав приведёт к блокировке вашего веб сайта!

» Меню

»Всё для uCoz

»Всё для Photoshop

»Игры

»Необходимый софт

»Баннеры

»Интересное

»Статистика


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новенькое меню
BLoOdДата: Суббота, 11.07.2009, 22:23 | Сообщение # 1
Главный администратор
Группа: Заблокированные
Сообщений: 98
Статус: Offline
« 4 »
Представляю вашему вниманию красивенькое меню
В обычном состоянии:

В полностью раскрытом состоянии:

Как сделать такое меню:

1. Скачиваем архив и кидаем папку с файлами в корень сайта АРХИВ
2. Кидаем данный код в head сайта

Code
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />     
      <script type="text/javascript" src="sdmenu/sdmenu.js"></script>     
      <script type="text/javascript">     
      // <![CDATA[     
      var myMenu;     
      window.onload = function() {     
      myMenu = new SDMenu("my_menu");     
      myMenu.init();     
      };     
      // ]]>     
      </script>

3. Кидаем данный код туда, где хотите видеть это меню
Code
<div style="float: left" id="my_menu" class="sdmenu">     
      <div>     
      <span>Название меню</span>     
      <a href="ваша ссылка">Название ссылки</a>     
      <a href="ваша ссылка">Название ссылки 2</a>     
      <a href="ваша ссылка">Название ссылки 3</a>     
      <a href="ваша ссылка">Название ссылки 4</a>     
      <a href="ваша ссылка">Название ссылки 5</a>     
      <a href="ваша ссылка">Название ссылки 6</a>     
      </div>     
      <div>     
      <span>Название меню</span>     
      <a href="ваша ссылка">Название ссылки</a>     
      <a href="ваша ссылка">Название ссылки 2</a>     
      <a href="ваша ссылка">Название ссылки 3</a>     
      </div>     
      <div class="collapsed">     
      <span>Название меню</span>     
      <a href="ваша ссылка">Название ссылки</a>     
      <a href="ваша ссылка">Название ссылки 2</a>     
      <a href="ваша ссылка">Название ссылки 3</a>     
      <a href="ваша ссылка">Название ссылки 4</a>     
      </div>     
      <div>     
      <span>Название меню</span>     
      <a href="ваша ссылка">Название ссылки</a>     
      <a href="ваша ссылка">Название ссылки 2</a>     
      <a href="ваша ссылка">Название ссылки 3</a>     
      <a href="ваша ссылка">Название ссылки 4</a>     
      </div>     
      </div>
 
  • Страница 1 из 1
  • 1
Поиск:

»Провиль

» Поиск

» Мини чат

»Топ комментариев

» Опрос