ZorNet.Ru — сайт для вебмастера » Меню для сайта » Новое меню портала DIZ-CS

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

Новое меню портала DIZ-CS
Самое первое что стояло на сайте меню DIZ-CS. От старого шаблона, но все же остается актуальным по сей день. Очень аккуратно создано без ошибок, красивый клик нажатие у этой навигаций. Жаль что только этот скрипт пойдет под темные сайты.

Установка:
В блок сайта:
Код
<SPAN class="blockmenu">  
<a href="https://diz-cs.ru/" title="Главная страница">Главная</a>
<a href="/forum/">Форум</a>
<a href="/publ/">Статьи</a>
<a href="/dir/">TOP Сайтов</a>
<a href="/photo/">Галерея</a>
<a href="/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:#fff;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
background: url();
border: 1px solid #000;
border-top: 1px solid #333;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
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 #333;
border-top: 1px solid #333;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background: #333 url("") no-repeat left center;
text-align: left;
}

Источник: diz-cs.ru
16 Апреля 2012 Просмотров: 2443 Комментариев: (3)

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

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

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

Оставь свой отзыв

avatar