Меню сайта
Категории сайта
Мини-чат
Наш опрос
Вы носите очки?
Всего ответов: 1210
Облако тегов
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Октябрь 2009  »
Пн Вт Ср Чт Пт Сб Вс
   1234
567891011
12131415161718
19202122232425
262728293031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Октябрь » 20 » Скрипты для uCoz » Красивое меню на CSS
Красивое меню на CSS
Вы пришли к нам на портал что бы скачать\посмотреть Красивое меню на CSS, если возникнут вопросы по данному файлу Красивое меню на CSS, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Красивое меню на CSS

Пример

В 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>

У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: dirtymusicx | Комментариев: 0 | Просмотров: 1706 | Добавлено: 20-Окт-2009

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]