» »

Новое меню портала DIZ-CS


Самое первое что стояло на сайте меню DIZ-CS. От старого шаблона, но все же остается актуальным по сей день. Очень аккуратно создано без ошибок, красивый клик нажатие у этой навигаций. Жаль что только этот скрипт пойдет под темные сайты.
Установка:
В блок сайта:
Код
<SPAN class="blockmenu">  
<a href="http://diz-cs.ru/" title="Главная страница">Главная</A>  
<a href="http://diz-cs.ru/forum">Форум</a>  
<a href="http://diz-cs.ru/publ/">Статьи</a>  
<a href="http://diz-cs.ru/dir">TOP Сайтов</a>  
<a href="http://diz-cs.ru/photo/">Галерея</a>  
<a href="http://diz-cs.ru/forum/0-0-0-6">Поиск</a>  
</SPAN>

В CSS прописываем этот стиль
Код
.blockmenu {  
height:18px;  
width: 100%;  
font: normal 11px Arial, Helvetica, sans-serif;  
text-align: left;  
}  
.blockmenu a:link,  
.blockmenu a:visited {  
color:#ffffff;  
text-decoration:none;  
padding-left:16px;  
line-height:18px;  
display:block;  
font-weight:normal;  
background: url();  
border: 1px solid #000000;  
border-top: 1px solid #333333;  
border-right: 1px solid #000000;  
border-bottom: 1px solid #000000;  
border-left: 1px solid #000000;  
text-align: left;  
}  
.blockmenu a:hover {  
color:#ffffff;  
text-decoration:none;  
padding-left:16px;  
line-height:18px;  
display:block;  
font-weight:normal;  
border: 1px solid #333333;  
border-top: 1px solid #333333;  
border-right: 1px solid #000000;  
border-bottom: 1px solid #000000;  
border-left: 1px solid #000000;  
background: #333333 url("") no-repeat left center;  
text-align: left;  
}  

form {  
padding:0px;  
margin:0px;  
}
16.04.2012 Просмотров: 979 Комментарий: (3)

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

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

Комментарий: 3
AnTron
AnTron 25.12.2015 15:571
0
Простое стандартная навигация, которое подойдет под многие темы на темном фоне.
nikolla76
nikolla76 25.12.2015 16:102
0
Нормально сделано, и сам шаблон также в таком зизайне создан, чисто такой игровой ресурс.
Kvint
Kvint 25.12.2015 16:323
0
Вот как раз это и стояло и все правильно по разделам по обоим сторонам было разбито.
avatar