Горизонтальное меню для Ucoz - ForumOpen.Org.Ru Самый большой форум в России
Мини-профиль
Среда
08.05.2024
09:50

Логин:
Пароль:
[ Управление профилем ]


Мини-чат
300


Наш опрос
Какой браузер лучше ?
Всего ответов: 20


Оптимизация
Сайт оптимизирован почти под все современные Интернет-браузеры:

warp37

warp37

warp37



Статистика


Приветствую Вас, Гость · RSS 08.05.2024, 09:50
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
ForumOpen.Org.Ru Самый большой форум в России » Мастерская » Скрипты для Ucoz » Горизонтальное меню для Ucoz
Горизонтальное меню для Ucoz
KadilakДата: Среда, 23.02.2011, 15:42 | Сообщение # 1
Генерал-майор
Группа: Администратор
Сообщений: 447
Награды: 0
Репутация: 93
Статус:

Красивое горизонтальное меню для 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>




 
ForumOpen.Org.Ru Самый большой форум в России » Мастерская » Скрипты для Ucoz » Горизонтальное меню для Ucoz
  • Страница 1 из 1
  • 1
Поиск: