На портале уже 699 , зарегистрировано 9845 и написано 803 .
Мини-чат для uCoz
FireFox 3.5 download...
Баллы активности пол...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Горизонтальное меню для uCoz

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

  • Добавил: CobRa
  • Дата: 2024-12-21, 6:50 PM
  • Комментариев: 0
  • Просмотров: 5109
Скриншот материала «Горизонтальное меню для uCoz»




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

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


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


Куда хотите чтобы было меню

Code
<br><font color="#9400d3"><div id="modernbricksmenu">  <br>  <ul>  <br>  <li style="margin-left: 1px"><a href="ссылка" title="Описание">Link</a></li>  <br>  <li><a href="ссылка" title="Описание">Link</a></li>  <br>  <li><a href="ссылка" title="Описание">Link</a></li>  <br>  <li id="current"><a href="ссылка" title="Описание">Link</a></li>  <br>  <li><a href="ссылка" title="Описание">Link</a></li>  <br>  </ul>  <br> </div>  <br> <div id="modernbricksmenuline"></div></font><br><br>

   


Будьте внимательны! Этот материал «Горизонтальное меню для uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
Материал «Горизонтальное меню для uCoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]