- Название:
- Горизонтальное черное меню
- Категория:
- Меню для сайта
- Раздел:
- uCoz - Скрипты
- Просмотров:
- 2346
- Автор:
- Неизвестен
- Добавил:
- Дмитрий
- Комментов:
- 0
- Добавленно:
- 17.08.2013 в 22:30
- Теги:
- Черное, Горизонтальное, меню
- Рейтинг:
Последнее на форуме
Последние материалы
Горизонтальное черное меню
Горизонтальное черное меню
Туда где будет меню:
Код
<center><style>.menu{background:url('http://gigabytes.clan.su/load-ucoz/skripts/menu/5/menu_bar.png')repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}
.menu ul{padding:0;margin:0;list-style:none;}
.menu ul li{float:left;position:relative;}
.menu ul li ul{display:none;font-size:11px;}
.menu ul li:hover a{color:#fff;background:#000000;}
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}
.left_column {margin:0;float:left;width:265px;text-align:left;}
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}</style>
<div class="menu">
<ul>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
<li><a href="" title="">Подпункт</a></li>
</ul></li>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="" title="">www.gigabytes.clan.su</a></li>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
</ul></li>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
<li><a href="" title="">www.gigabytes.clan.su</a></li>
</ul></li>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
<li><a href="" title="">www.gigabytes.clan.su</a></li>
</ul></li>
</ul>
</div></center>
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}
.menu ul{padding:0;margin:0;list-style:none;}
.menu ul li{float:left;position:relative;}
.menu ul li ul{display:none;font-size:11px;}
.menu ul li:hover a{color:#fff;background:#000000;}
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}
.left_column {margin:0;float:left;width:265px;text-align:left;}
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}</style>
<div class="menu">
<ul>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
<li><a href="" title="">Подпункт</a></li>
</ul></li>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="" title="">www.gigabytes.clan.su</a></li>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
</ul></li>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
<li><a href="" title="">www.gigabytes.clan.su</a></li>
</ul></li>
<li><a class="hide">www.gigabytes.clan.su</a>
<ul>
<li><a href="http://gigabytes.clan.su" title="">www.gigabytes.clan.su</a></li>
<li><a href="" title="">www.gigabytes.clan.su</a></li>
</ul></li>
</ul>
</div></center>
В CSS:
Код
.menu{background:url('http://gigabytes.clan.su/load-ucoz/skripts/menu/5/menu_bar.png')repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}
.menu ul{padding:0;margin:0;list-style:none;}
.menu ul li{float:left;position:relative;}
.menu ul li ul{display:none;font-size:11px;}
.menu ul li:hover a{color:#fff;background:#000000;}
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}
.left_column {margin:0;float:left;width:265px;text-align:left;}
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}
.menu ul{padding:0;margin:0;list-style:none;}
.menu ul li{float:left;position:relative;}
.menu ul li ul{display:none;font-size:11px;}
.menu ul li:hover a{color:#fff;background:#000000;}
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}
.left_column {margin:0;float:left;width:265px;text-align:left;}
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}
Посмотреть демо "Горизонтальное черное меню"
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |
Информация для гостей |
Добро пожаловать на небольшой портал посвященный разным темам, но главная тема это игры.
Нас уже 24611 человек и с каждым днем все больше.
Мы рекомендуем вам зарегистрироваться на сайте и получить в качестве бонуса небольшие возможности.
Возможности