- Название:
- Выпадающее меню для сайта (голубое)
- Категория:
- Меню для сайта
- Раздел:
- uCoz - Скрипты
- Просмотров:
- 2217
- Автор:
- Неизвестен
- Добавил:
- Дмитрий
- Комментов:
- 0
- Добавленно:
- 17.08.2013 в 23:03
- Теги:
- (голубое), сайта, для, меню, Выпадающее
- Рейтинг:
Последнее на форуме
Последние материалы
Выпадающее меню для сайта (голубое)
Выпадающее меню для сайта (голубое)
Установка:
Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:
Код
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#menu {
width: 200px;
margin: 10px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif);
padding: 8px 0 0 35px;
}
#menu li a:hover {
color: #FFF;
background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif) 0 -32px;
padding: 8px 0 0 35px;
}
#menu li span {
position: absolute;
left: 12em;
margin-top: -1.4em;
width: 10em;
display: none;
}
#menu li:hover span { display: block;}
#menu li span a { display: inline; }
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#menu {
width: 200px;
margin: 10px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif);
padding: 8px 0 0 35px;
}
#menu li a:hover {
color: #FFF;
background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif) 0 -32px;
padding: 8px 0 0 35px;
}
#menu li span {
position: absolute;
left: 12em;
margin-top: -1.4em;
width: 10em;
display: none;
}
#menu li:hover span { display: block;}
#menu li span a { display: inline; }
Шаг-2 Установка HTML
Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта.
Код
<div id="menu">
<ul>
<li><a href="http://gigabytes.clan.su">CSS Главная</a></li>
<li><a href="#">GiGabYtes.Clan.Su</a>
<span>
<a href="#">1Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<li><a href="#">GiG-PRO.RU</a>
<span>
<a href="http://gigabytes.clan.su">1Ссылка</a>
<a href="#">2Ссылка</a>
<a href="#">3Ссылка</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">3Ссылка</a>
<a href="http://gigabytes.clan.su">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<ul>
<li><a href="http://gigabytes.clan.su">CSS Главная</a></li>
<li><a href="#">GiGabYtes.Clan.Su</a>
<span>
<a href="#">1Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<li><a href="#">GiG-PRO.RU</a>
<span>
<a href="http://gigabytes.clan.su">1Ссылка</a>
<a href="#">2Ссылка</a>
<a href="#">3Ссылка</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">3Ссылка</a>
<a href="http://gigabytes.clan.su">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |