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

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

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

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

Название: Total Movie Converter 3.2.0.12...
Категория: Софт
Название: ParetoLogic DriverCure 1.5 [Pa...
Категория: Софт
Название: Сделай сам. Мебель своими рука...
Категория: Книги, Журналы
Название: Photo Flash Maker Platinum 5.2...
Категория: Софт
Название: Очень красивые креативные обои...
Категория: Картинки,обои,графика

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

Смотреть онлайн Всем жителям контакта посвящае... / Приколы
Смотреть онлайн Пещера дракона смотреть онлайн... / Фантастика
Смотреть онлайн Бросок кобры / G.I. Joe: The R... / Боевики
Смотреть онлайн Соседка смотреть онлайн, скача... / Комедии
Смотреть онлайн Волшебники из Уэйверли смотрет... / Приключения

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

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