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

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

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

Название: Computer Bild №26
Категория: Книги, Журналы
Название: Книга Илая (2010) скачать
Категория: Фильмы
Название: V-Style - 2010 скачать бесплат...
Категория: Музыка
Название: WindowsCare Uninstall Gold v2....
Категория: Софт
Название: Рабы лампы - Это Не Б..
Категория: Музыка

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

Смотреть онлайн Hooverphonic - Mad about you / Зарубежные
Смотреть онлайн Изнанка города 2010 смотреть о... / Боевики
Смотреть онлайн Щит и меч смотреть онлайн, ска... / Мелодрама/Драма
Смотреть онлайн Бабуля йоу / Приколы
Смотреть онлайн Практический совет: как завест... / Авто/мото

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

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