-
Главная » Файлы » Скрипты для uCoz

Новое зелёное меню для сайтов ucoz
20.11.2010, 18:54

Вставляем в 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>
Категория: Скрипты для uCoz | Добавил: Marselle
Просмотров: 394 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]