18.10.2009, 13:38 | |||||
Горизонтальное меню В head ставим это: Code <style type="text/css"> /* -------------------------- AUTHOR : ST1M URL : http://www.nncity.pp.ru Copyrights by ST1M ----------------------------*/ *{ margin:0; padding:0; } body{ background:#fff; color:#666; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu{ } #menu ul{ list-style:none; } #menu li{ background:url(/images/menu_035_bg.jpg) repeat-x; list-style:none; display:block; float:left; height:36px; border-right:1px solid #dbdbdb; line-height:36px; } #menu li a{ display:block; float:left; color:#b1b1b1; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:36px; text-decoration:none; padding:0 25px; } #menu li a:hover{ color:#747474; background:url(/images/menu_035_h.jpg) repeat-x; } #menu li a.current{ display:block; float:left; color:#6c822e; background:url(/images/menu_035_c.jpg) repeat-x; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:36px; text-decoration:none; padding:0 25px; } #menu li a:hover.current{ color:#6c822e; }</style> Там, где нужно вывести меню, пишем это:
Code <div id="menu"> <ul> <li><a href="ссылка" class="current">Название</a></li> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> </ul> </div> Скачиваем архив и заливаем картинки из скачаной папки в папку images Материал взят с сайта infoscript.ru
Теги: Скачать Горизонтальное меню
| |||||
Категория: Скрипты uCoz | Просмотров: 10818 | Добавил: antisept | Рейтинг: 2.5/2 | | |||||
Теги: |
Пока комментариев нет. Ты можешь быть первым! | |
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).