» »

Черное вертикальное меню VEB-RA для uCoz


Черное вертикальное меню VEB-RA для uCoz

Заметил на одном сайте это Черное вертикальное меню VEB-RA для uCoz и что главное было подписано, что эта навигация diz-cs, что посмотрев ресурс и таким не является. Код и стили на него небольшие, а напихали туда всякого мусора, вообщем жуть с интернета возьмете, навряд ли будет работать. Так как в html не грузилось, пришлось убрать все лишнее и теперь чистый скрипт для вас. больше подойдет под игровую тематику, так видно что не очень по размеру оно. А в этой тематике делают множество блоков и здесь то и пригодиться. А так можете прикинуть, если в самом дизайне есть синея гамма, здесь она идет при наведение, что можете посмотреть в представленной демонстраций на темном фоне.

Код:

Код
<body>
<div id="all">
<div class="button"><a href="">Главная</a></div>
<div class="button"><a href="">Файлы</a></div>
<div class="button"><a href="">Статьи</a></div>
<div class="button"><a href="">ZORNET.RU</a></div>
<div class="button"><a href="">Каталог блога</a></div>
<div class="button"><a href="">Связь Администратор</a></div>
</div>
</body>


CSS:

Код
#all {margin:0 auto; width:200px;}
.button {background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-1/button.png)no-repeat;width:200px;height:19px;margin-bottom:1px;}
.button:hover {background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-1/button.png)no-repeat;width:200px;height:19px;background-position: -200px 0;}
.button a {color:#777777;text-decoration:none;font:11px/18px tahoma;padding:0px 12px;}


12.05.2015 Просмотров: 312 Комментарий: (0)

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

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

Комментарий: 0
avatar