Зеленое меню для сайта ( горизонтальное )


Установка:

Вставляем в 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>  
<li><a href="$PERSONAL_PAGE_LINK$">Профиль</a></li><li><a href="$LOGIN_LINK$">Вход</a></li>  
</ul>


Готово.


  Категория: Меню для ucoz | Добавил: AID | Дата: 25.12.2011
Посмотреть демо Зеленое меню для сайта ( горизонтальное )

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz