» »

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


Темное меню сайта 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 Просмотров: 648 Комментарий: (5)

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

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

Комментарий: 5
Марковичь
Марковичь 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