Главная » Файлы » Скрипты uCoz |
Горизонтальное меню
12.12.2009, 16:41 | |
В 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="http://ucoz-chebur.3dn.ru/ " 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> | |
Просмотров: 436 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |