» »

Темное вертикальное меню и значок для uCoz


Темное вертикальное меню и значок для uCoz

Есть специальные дизайн сайты, где Темное вертикальное меню и значок для uCoz отлично впишется своими стилями. Можно заметить, что в саму гамму внесено немного мутного оттенка и этим оно отличается от всех других. Основном его устанавливают на игровые сайты, вообщем на тот ресурс, где много сайтов можно скачать. Для тематического, типа статьи или мануалы оно не подойдет. Его просто можно разбросать по всем блокам в тему категорий которые вы создали. И по функциональности оно будет отрабатывать отлично. Если решите, что на писаное должно быть немного ярче, то в CSS за это отвечает 4C4C4C, выставляем свой который нужен, по мне светло желтый отлично подойдет.

Каркас:

Код
<div class="block_menu">
<ul>
<li><a class="tip" href="http://zornet.ru/">Читы для WOW</a></li>  
<li><a class="tip" href="/">Читы для cs 1.6</a></li>
<li><a class="tip" href="/">Читы для Warface</a></li>
<li><a class="tip" href="/">Читы для CSS v34</a></li>
<li><a class="tip" href="/">Читы для Minecraft</a></li>
<li><a class="tip" href="/">Читы для Cross Fire</a></li>
<li><a class="tip" href="/">Читы для Point Blank</a></li>
<li><a class="tip" href="/">Читы для CS:Source</a></li>
<li><a class="tip" href="/">Читы для Combat Arms</a></li>
<li><a class="tip" href="/">Читы для Counter Strike:GO</a></li>
  <li><a class="tip" href="/">Читы для World of Tanks</a></li>
</ul>
</div>


И чтоб красиво смотрелось, добавляем ему стили.

Код
.block_menu {
  margin:0 auto;
  width:185px;
}

.block_menu ul {
  padding:0;
  margin:0;
}

.block_menu li {
  display:block;
  height:21px;
  width:185px;
  margin-bottom:2px;
  line-height:20px;
}

.block_menu li a {
  display:block;
  background:url(http://zornet.ru/SKRIPT/Menu-1/block_menu.png) no-repeat 0 0;
  height:21px;
  width:185px;
  padding-left:20px;
  color:#4c4c4c;
  font-family:tahoma;
  font-size:11px;
}

.block_menu li a:hover {
  background-position:0 -22px;
  color:#c7c7c7;
}


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

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

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

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

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