07.08.2010, 12:49 | |||||
Горизонтальное зеленое выпадающее менюПростое горизонтальное выпадающее меню зеленого цвета. Идем в ПУ-->Управление дизайном-->CSS. Вниз ставим это:
Code /*Горизонтальное меню*/ * {margin:0; padding:0;} #nav { font-size:0.8em; list-style-type:none; width:100%; height:25px; display:inline-block; background:#7B9B37; line-height:25px; } #nav li{ float:left; width:120px; margin-top:-10000px; } #nav li a { width:120px; text-decoration:none; text-align:center; color:#fff; position:relative; float:left; margin-right:-119px; margin-top:10000px; } #nav li a:hover, #content #nav li a:focus, #content #nav li a:active { background:#C4E088; margin-right:0; color:#000000; } #nav li ul { background:#617A2C; float:left; margin-top:-25px; padding-top:25px; margin-bottom:-10000px; list-style-type:none; } #nav li ul li { float:none; margin:0; width:auto; } #nav li ul li a { float:none; display:block; margin:0; margin-right:-1px; background:#798E47; } /*-----------------------*/ Затем, вставляем этот код в то место, где нам нужно меню:
Code <ul id="nav"> <li><a href="/">Главная</a></li> <li><a href="/news">Софт</a></li> <li><a href="/blog">Музыка</a></li> <li><a href="/forum/3">Вебмастеру</a> <ul> <li><a href="/forum/4">Скрипты</a></li> <li><a href="/forum/5">Шаблоны</a></li> <li><a href="/forum/6">Зароботок</a></li> </ul> </li> <?if($USER_LOGGED_IN$)?><li><a href="$PERSONAL_PAGE_LINK$">Профиль</a></li><?else?><li><a href="$LOGIN_LINK$">Вход</a></li><?endif?> </ul> Ссылки правим под себя. Материал взят с сайта infoscript.ru
| |||||
Категория: Скрипты uCoz | Просмотров: 7550 | Добавил: antisept | Рейтинг: 3.0/3 | | |||||
Теги: |
Пока комментариев нет. Ты можешь быть первым! | |
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).