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

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

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

Смотреть онлайн Пещера дракона смотреть онлайн... / Фантастика
Смотреть онлайн Stereo MC"s - Gringo / Зарубежные
Смотреть онлайн Birdman - 4 My Town (Play Ball... / Иностранный рэп
Смотреть онлайн Бабуля отжигает / Приколы
Смотреть онлайн Собаки на сноуборде / Животные

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

Страница 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 | Пользователи | Администраторы | Главный модератор | Модераторы