» »

Темное меню сайта Gryxsa для uCoz


Больше всего это меню сайта подойдет под такие тематики как сталкер или клан, на темном дизайне. Имеет красивый эффект при наведение на раздел, а так по своему осень простое. Что говорит код и стили за себя, это нет не одной ссылки, и оттенок цвета вы можете выставить под свой дизайн, если оно по умолчанию не подходит. Ставиться в блок сайта и потом прописываем стили.

Код
<div style="OFFopacity:0.5;">  
<span class="blockmenu">  
<a href="/">Главная</a>  
<a href="/load">Файлы</a>  
<a href="/publ">Обзоры и Статьи</a>  
<a href="/forum">Форум</a>  
<a href="/blog">Блог</a>  
<a href="/video">Видео</a>  
<a href="/index/mod_mesjaca/0-10">Zornet.ru</a>  
<a href="/stuff">Каталог модификаций<sup><span style="color:green"><b> 2.0</sup></b></a>  
<noindex><a href="http://twitter.com/APwolfstalker" target="_blank">Твиттер</a></noindex>  
<a href="/photo">Галерея</a>  
<a href="http://zornet.ru/">Календарь релизов</a>  
<a href="/">Наш выбор</a>  
<a href="/">Популярное</a>  
<a href="/dir/">ТОП сайтов</a>  
<a href="/index/ap_production_team/0-47/">О нас</a>  
<a href="javascript://" id="stuff"><span style="color:green">Наши проекты</span></a><div style="display:none;" class="stuff0">  
<noindex><a href="http://zornet.ru/" target="_blank">Zornet.ru</a></noindex>  
<noindex><a href="/" target="_blank">Lost Alpha Fan Site</a></noindex>  
<noindex><a href="/" target="_blank">S.T.A.L.K.E.R.-2 News</a></noindex>  
</div>  
</span></div>


CSS:

Код
.blockmenu {  
height:18px;  
width: 100%;  
font: normal 11px Arial, Helvetica, sans-serif;  
text-align: left;  
}  
.blockmenu a:link,  
.blockmenu a:visited {  
color:#999;  
text-decoration:none;  
padding-left:16px;  
line-height:18px;  
display:block;  
font-weight:normal;  
border: 1px solid #191919;  
border-top: 1px solid #191919;  
border-right: 1px solid #191919;  
border-bottom: 1px solid #191919;  
border-left: 1px solid #191919;  
text-align: left;  
background: #262626;  
-webkit-transition: All 0.4s ease;  
-moz-transition: All 0.4s ease;  
-o-transition: All 0.4s ease;  
-ms-transition: All 0.4s ease;  
transition: All 0.4s ease;  
}  
.blockmenu a:hover {  
color:#c0f7ff;  
text-decoration:none;  
padding-left:16px;  
line-height:18px;  
display:block;  
font-weight:normal;  
border: 1px solid #404f51;  
border-top: 1px solid #404f51;  
border-right: 1px solid #404f51;  
border-bottom: 1px solid #404f51;  
border-left: 1px solid #404f51;  
background: #2b3837;  
text-align: left;  

}


Если нужно кому оттенок поменять, оставляем комментарий на какой.
Источник: Passagestalker.3dn.ru
24.12.2015 Просмотров: 530 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
nikolla76
nikolla76 24.12.2015 17:021
+2
Нравится такая навигация, а если оттенок поменять, так это можно в стилях сделать.
XemorDio
XemorDio 24.12.2015 18:302
+1
Мда.
Kosten
Kosten 24.12.2015 18:403
+1
XemorDio, а что так, но где брал, там реально не было источника, если это с твоего сайта, для меня не проблема написать, а не просто говорить мммда!
XemorDio
XemorDio 24.12.2015 21:034
0
кхм, а можно в лс ссылку откуда брал?
Kosten
Kosten 25.12.2015 00:095
0
Точно не помню, так как скриптов мало было и материала хорошего, но тематика сталкер явно был.
avatar