21.02.2010, 19:57 | |||||
Меню КСС (горизонтальное)Неплохое горизонтальное меню. В 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> Материал взят с сайта infoscript.ru
| |||||
Категория: Скрипты uCoz | Просмотров: 3314 | Добавил: RaDo^^ | Рейтинг: 4.0/1 | | |||||
Всего комментариев: 2 | |||||||
|
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).