Скрипты

lcrm-saas-v1-0-5-сервис-saas LCRM SAAS-это программное обеспечение CRM, которое вы можете запускать на своем собственном сервере и предлагать его в качестве продукта SAAS бесплатно...
smartend-v4-1-панель-администратора-laravel-с-интерфейсом-и-restful-api SmartEnd-это отличительная админ панель (панель управления) со всеми опциями, которые вам могут понадобиться для создания любых типов веб-сайтов на...
smart-invoice-system-v1-9-2-система-управления-счёт-фактурами Это мощное веб-приложение, основанное на PHP codeigniter framework для управления...

Для Photoshop

animation-glitch-photoshop-action Action для программы Photoshop, который генерирует видео ряд анимационных эффектов в виде помех на экране, из ваших изображений. Вы можете создать...
radiant-action-photoshop Экшен для программы Photoshop, создаёт эффект света и геометрических фигур, что поможет создать стильный модный вид вашему образу. Создавайте яркие и...
doomsday-action-экшен-для-photoshop Экшен для программы Photoshop, создаёт потрясающий эффект драматизма с глубокими тенями и световым контрактом. Отлично подойдёт при создании рекламных...

Выподающие меню на CSS

step11c

На этом примере мы расмотрим способ создания многоуровневого меню по средствам HTML и CSS, посмотрите пример.
k_prim2

Этот способ позволяет создавать неограниченное количество вложений, и достаточно прост в использовании.

Создайте новый HTML документ и вставите муду тегами <body></body> следующий код:

<div id="menu"> 
<ul class="menu">
<li><a href="#">Главная</a></li>
<li><a href="#">Об авторе</a></li>
<li><a href="#">Портфолио </a>
<ul class="submenu">
<li><a href="#">Дизайн</a></li>
<li><a href="#">Верстка</a></li>
<li><a href="#">Веб-интерфейсы</a></li>
</ul>
</li>
<li><a href="#">Реклама </a></li>
<li><a href="#">Обмен ссылками </a></li>
</ul>
</div>

И самое главное это css стили, вставить их можно между тегами <head></head> или вывести в отдельный css файл.

#menu {
background: #9ea8b2 url(images/mbg.gif) repeat-x; height: 43px; behavior: url(csshover.htc);
}
#menu ul, li {margin: 0px; padding: 0px}
ul.menu {float: left}
#menu ul.menu li {
display: block; margin: 0px; width: 200px; height: 30px;
float: left; text-align: center; padding-top: 13px;
}
#menu ul.menu li:hover {background: #5e717f url(images/mbgh.gif) repeat-x;}
#menu ul.menu li:hover ul.submenu {display: block; -margin-left: -141px; -margin-top: 30px;}
#menu ul.menu li ul.submenu {display: none; background: #bcc4ce; margin-top: 13px; position: absolute;}
#menu ul.menu li ul.submenu li {display: block; float: none}
#menu ul.menu ul.submenu li:hover {background: #9ca6b0;}
#menu ul li a {
font-size: 14px; color: #fff; text-decoration: none;}
#menu ul li a:hover {color: #ecd661;}
#menu ul.submenu li a {
font-size: 14px; color: #4f5458; text-decoration: none;}
#menu ul.submenu li a:hover {color: #152535;}

 



  1. Комментарии (0)

  2. Add Yours

Комментарии (0)

Комментарии отсутствуют

Оставьте свой комментарий

Оставить комментарий в качестве гостя. Зарегистрироваться либо авторизоваться.
Вложения (0 / 3)
Поделиться вашим местоположением

Векторная графика

плашки-для-рекламных-текстов Набор ярких плашек для рекламных текстов в векторном формате, которые значительно выделят ваш текст на общем фоне. Формат файлов: AI / EPS /...
start-up-rockets-–-ракеты-в-векторе Набор векторных изображений, разного вида летящих ракет. Можно использовать при создании анимации и рекламных баннеров. Формат файлов:...
pop-art-man-векторные-мужчин-в-стиле-поп-арт Набор изображений в векторном формате, яркие иллюстрации мужчин в модном стиле поп арт, отлично подойдёт при создании рекламных баннеров. Формат...

Растовая графика

атлетика-и-бодибилдинг-–-фото-клипарт Набор из 32 изображений высокого качества на тему атлетики и бодибилдинга. Отлично подойдут для рекламных флаеров, баннеров и слайдеров на сайтах...
интернет-технологии,компьютер,гаджеты-–-фото-клипарт Набор из 25 изображений высокого качества, различные интернет технологии, компьютеры, гаджеты. Отлично подойдет для слайд-шоу. Размер 4800 на 3200 px....
бизнес-леди-–-набор-фото-клипарта Набор из 15 изображений высокого качества с красивой блондинкой, бизнес-леди. Эти изображения отлично подойдут для использования в презентациях,...