Горизонтальное меню для uCoz
- Добавил: CobRa
- Дата: 2024-12-21, 6:50 PM
- Комментариев: 0
- Просмотров: 5109
Скриншот материала «Горизонтальное меню для uCoz»
|
Красивое горизонтальное меню для uCoz
В CSS вставляем:
Code
<br></p><font color="#9400d3">#modernbricksmenu{ <br> padding: 0px; <br> width: 100%; <br> background: transparent; <br> voice-family: ""}""; <br> voice-family: inherit; <br> } <br> #modernbricksmenu ul{ <br> font: bold 11px Arial; <br> margin: 0px; <br> margin-left: 40px; <br> padding: 0px; <br> list-style: none; <br> } <br> #modernbricksmenu li{ <br> display: inline; <br> margin: 0 2px 0 0; <br> padding: 0px; <br> text-transform: uppercase; <br> } <br> #modernbricksmenu a{ <br> float: left; <br> display: block; <br> color: white; <br> margin: 0 1px 0 0; <br> padding: 5px 10px; <br> text-decoration: none; <br> letter-spacing: 1px; <br> background-color: black; <br> border-bottom: 1px solid white; <br> } <br> #modernbricksmenu a:hover{ <br> background-color: gray; <br> } <br> #modernbricksmenu #current a{ <br> background-color: #D25A0B; <br> border-color: #D25A0B; <br> } <br> #modernbricksmenuline{ <br> clear: both; <br> padding: 0px; <br> width: 100%; <br> height: 5px; <br> line-height: 5px; <br> background: #D25A0B; <br> } <br> #myform{ <br> float: right; <br> margin: 0px; <br> padding: 0px; <br> } <br> #myform .textinput{ <br> width: 190px; <br> border: 1px solid gray; <br> } <br> #myform .submit{ <br> font: bold 11px Verdana; <br> height: 22px; <br> background-color: lightyellow; <br> }<br><br></font>
Куда хотите чтобы было меню
Code
<br><font color="#9400d3"><div id="modernbricksmenu"> <br> <ul> <br> <li style="margin-left: 1px"><a href="ссылка" title="Описание">Link</a></li> <br> <li><a href="ссылка" title="Описание">Link</a></li> <br> <li><a href="ссылка" title="Описание">Link</a></li> <br> <li id="current"><a href="ссылка" title="Описание">Link</a></li> <br> <li><a href="ссылка" title="Описание">Link</a></li> <br> </ul> <br> </div> <br> <div id="modernbricksmenuline"></div></font><br><br>
Будьте внимательны! Этот материал «Горизонтальное меню для uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому,
при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Материал «Горизонтальное меню для uCoz» ещё никто не комментировал!
|
|
|
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]