Горизонтальное меню для uCoz - Форум - приятного общения

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

чатчат Общалочка

новости Случайные новости

Название: Скринсейвер с девушками 2 скач...
Категория: Разное
Название: WinRAR 3.9 Русская версия X64,...
Категория: Софт
Название: WWE RAW - Ultimate Impact(2009...
Категория: Игры
Название: Electro Drive vol.14 (2011)
Категория: Музыка
Название: WinSnap v3.5.5 RUS Portable - ...
Категория: Софт

Видео онлайн Видео онлайн

Смотреть онлайн Про Федота-стрельца, удалого м... / Полнометражные
Смотреть онлайн Невеста любой ценой смотреть о... / Комедии
Смотреть онлайн Кровь и кость смотреть онлайн,... / Боевики
Смотреть онлайн Возмездие смотреть онлайн, ска... / Триллеры
Смотреть онлайн The Game & Rick Ross - Gangsta... / Иностранный рэп

Иконка Пустой блок

Страница 1 из 11
Форум » Вебмастерам » Скрипты для Ucoz » Горизонтальное меню для uCoz (Горизонтальное меню для uCoz)
Горизонтальное меню для uCoz
МедведищеДата: Суббота, 05.06.2010, 23:10 | Сообщение # 1
Рядовой
Группа: Журналисты
Сообщений: 10
Репутация: 2
Статус: :-(

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

Далее создаёте глобальный блок MENU и вставляете туда данный код:

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>

Далее копируете $GLOBAL_MENU$ и ставите там где хотите видеть меню)

Пример вы можете посмотреть тут http://www.vpomoyke.at.ua/

Сообщение отредактировал Медведище - Воскресенье, 06.06.2010, 14:08
 
Форум » Вебмастерам » Скрипты для Ucoz » Горизонтальное меню для uCoz (Горизонтальное меню для uCoz)
Страница 1 из 11
Поиск:


Статистика форума

Информер последних зарегистрированных или любой другой


  • VIP | Пользователи | Администраторы | Главный модератор | Модераторы