Пятница, 27 Декабря 2024, 02:57
   
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивое Вертикальное Всплывающее меню
Leopard-86Дата: Среда, 09 Июня 2010, 19:28 | Сообщение # 1
Admin
Группа: Пользователи
Сообщений: 28
Награды: 0
Репутация: 56
Статус: Offline

Меню выпадает вниз,
тоисть раздвигается и видны разделы.
ИТАК!

ставим код между <head> и </head>

Вот этот:

Code
<style type="text/css">  
@import url(http://www.google.com/cse/api/branding.css);  
</style>  
<link rel="stylesheet" media="all" type="text/css" href="http://www.leopard-86.ucoz.ua/Dlj_foruma/Meny_z/default.css" />

Потом через конструктор создаем Блок в котором мы хотим видеть меню, и
ставим туда этот код:

Code
<div id="dlmenu">  
<ul id="menu">  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.leopard-86.ucoz.ua">ГЛАВНАЯ</a></dt>  
</dl>  
<!--[if lte IE 6]></td></tr></table></a><![endif]-->  
</li>  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.leopard-86.ucoz.ua/load">SOFT</a></dt>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/grafika/2" title="Графические редакторы">ГРАФИКА</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/internet/3" title="Программы упрощающие работу в интернете">ИНТЕРНЕТ И СЕТЬ</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/cddvd/5" title="Эмуляторы CD/DVD, запись дисков, создание образов">CD/DVD</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/prochee/6" title="">ПРОЧЕЕ</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/sistema/7" title="Системные программы">СИСТЕМА</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/audio/8" title="Мультимедийнные плэеры и редакторы">МУЛЬТИМЕДИА</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/bezopastnost/9" title="Антивирусы">БЕЗОПАСТНОСТЬ</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/load/telefon/10" title="ПО для прошивки тел NOKIA">NOKIA</a></dd>  
</dl>  
<!--[if lte IE 6]></td></tr></table></a><![endif]-->  
</li>  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.leopard-86.ucoz.ua/publ">СТАТЕЙКИ</a></dt>  
   <dd><a href="http://www.leopard-86.ucoz.ua/publ/politika/4" title="Об политике">ПОЛИТИКА</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/publ/nokia/5" title="Об НОКИЕ">NOKIA</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/publ/intervju/6" title="Интервью известных">ИНТЕРВЬЮ</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/publ/referaty/8" title="Рефераты для Старшеклассников">РЕФЕРАТЫ</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/publ/kompjuter_i_internet/10" title="Об ПК и интернете">ПК и ИНТЕРНЕТ</a></dd>  
</dl>  
<!--[if lte IE 6]></td></tr></table></a><![endif]-->  
</li>  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.leopard-86.ucoz.ua/forum">ФОРУМ</a></dt>  
   <dd><a href="http://www.leopard-86.ucoz.ua/forum/1" title="Скрипты для оформления сайтов Ucoz">Система uCoz</a></dd>  
   <dd><a href="http://www.leopard-86.ucoz.ua/forum/4" title="Глюки, секреты, ошибки">Windows</a></dd>  
   </dl>  
<!--[if lte IE 6]></td></tr></table></a><![endif]-->  
</li>  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.sitemaps-builder.com">СОЗДАТЬ SITEMAP</a></dt>  
</dl>  
<!--[if lte IE 6]></td></tr></table></a><![endif]-->  
</li>  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.seo.su">SEO</a></dt>  
   <dd><a href="http://www.seo.su/loadtime.php" title="Анализ времени загрузки сайтов">Анализ вр.загрузки сайтов</a></dd>  
   <dd><a href="http://www.seo.su/position.php" title="Определение позиций в поисковиках">Определение позиций</a></dd>  
   <dd><a href="http://www.seo.su/statistics.php" title="Статистика об сайте">Статистика сайта</a></dd>  
   <dd><a href="http://www.seo.su/compare.php" title="сравнение своего с другим сайтом по статистике">Сравнение Сайтов</a></dd>  
   </dl>  
<!--[if lte IE 6]></td></tr></table></a><![endif]-->  
</li>  
<li>  
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->  
<dl class="gallery">  
   <dt><a href="http://www.leopard-86.ucoz.ua/index/0-3">СВЯЗЬ с ADMIN</a></dt>  
</li>  
</ul>  
</div>

Вам остается только свои ссылки вставить и названия кнопок.

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

Nokievski.Moy.Su © 2012-2088. Все права защищены © 2024
Хостинг от uCoz