Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Горизонтальное меню

Главная » Скрипты для uCoz » Горизонтальное меню
Горизонтальное меню для uCoz

Красивое горизонтальное меню для uCoz

В CSS вставляем:

Code
#modernbricksmenu{  
  padding: 0px;  
  width: 100%;  
  background: transparent;  
  voice-family: ""}"";  
  voice-family: inherit;  
}  
#modernbricksmenu ul{  
  font: bold 11px Arial;  
  margin: 0px;  
  margin-left: 40px;  
  padding: 0px;  
  list-style: none;  
}  
#modernbricksmenu li{  
  display: inline;  
  margin: 0 2px 0 0;  
  padding: 0px;  
  text-transform: uppercase;  
}  
#modernbricksmenu a{  
  float: left;  
  display: block;  
  color: white;  
  margin: 0 1px 0 0;  
  padding: 5px 10px;  
  text-decoration: none;  
  letter-spacing: 1px;  
  background-color: black;  
  border-bottom: 1px solid white;  
}  
#modernbricksmenu a:hover{  
  background-color: gray;  
}  
#modernbricksmenu #current a{  
  background-color: #D25A0B;  
  border-color: #D25A0B;  
}  
#modernbricksmenuline{  
  clear: both;  
  padding: 0px;  
  width: 100%;  
  height: 5px;  
  line-height: 5px;  
  background: #D25A0B;  
}  
#myform{  
  float: right;  
  margin: 0px;  
  padding: 0px;  
}  
#myform .textinput{  
  width: 190px;  
  border: 1px solid gray;  
}  
#myform .submit{  
  font: bold 11px Verdana;  
  height: 22px;  
  background-color: lightyellow;  
}

Куда хотите чтобы было меню
Code
<div id="modernbricksmenu">  
  <ul>  
  <li style="margin-left: 1px"><a href="ссылка" title="Описание">Link</a></li>  
  <li><a href="ссылка" title="Описание">Link</a></li>  
  <li><a href="ссылка" title="Описание">Link</a></li>  
  <li id="current"><a href="ссылка" title="Описание">Link</a></li>  
  <li><a href="ссылка" title="Описание">Link</a></li>  
  </ul>  
</div>  
<div id="modernbricksmenuline"></div>
Просмотров: 1376 | Комментариев: 0 | Опубликовал: DizeL | Дата: 20.09.2009

 16.07.2010   

 

 Очень эффектно выгл... 

 20.09.2009   

 

 закрыть окно 

 23.01.2011   

 

 Лжестатистика на фо... 

 04.12.2009   

 

 Новый вид материало... 

 06.11.2009   

 

 Блок - Новое на фор... 


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.