Главная » Файлы » Скрипты uCoz |
меню горизонтальное
10.12.2009, 17:33 | |
ПУ-->Управление дизайном-->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; } Затем, там где вам нужно меню, ставим этот код:
Code <div id="modernbricksmenu"> <ul> <li style="margin-left: 1px"><a href="http://www.jongol.ru" title="Домой">Домой</a></li> <li><a href="http://www.jongol.ru/php/" title="PHP">PHP</a></li> <li><a href="http://www.jongol.ru/javacript/" title="JavaScript">JavaScript</a></li> <li id="current"><a href="http://www.jongol.ru/css/" title="CSS">CSS</a></li> <li><a href="http://www.jongol.ru/contact/" title="Контакты">Контакты</a></li> </ul> <form id="myform"> <input type="text" class="textinput" /> <input class="submit" type="submit" value="Поиск" /> </form> </div> <div id="modernbricksmenuline"></div> Ссылки правим на свои, ЕСЛИ ХОТИТЕ))) | |
Просмотров: 510 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |