» »

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


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

Очень не плохое и главное по своему стили простое меню для сайта системы uCoz. Которое как видим можно настроить под любую тематику сайта. Вот в простоте оно не под все подойдет, просто видим в самих стилях 198px, это потолок, дальше не будет резиновым. А вот меньше можно сделать. Это из той серий, где стоит одна ссылка, и при наведение раздел меняется и получается стрелка на втором, что можно поставить как вам нужно. Вообщем и залил на сайт, так как шаблонов под него очень много и безусловно подойдет, и там вы уже можете и сам оттенок поменять и вывести как вы видите.

Установка:

Каркас:

Код
<div class="b_menu"><b>
  <li><a href="/">АНИМЕ</a></li>
  <li><a href="/">ДРАМЫ</a></li>
  <li><a href="/">УЖАСЫ</a></li>
  <li><a href="/">ФЭНТЕЗИ</a></li>
  <li><a href="/">СЕРИАЛЫ</a></li>
  <li><a href="/">БОЕВИКИ</a></li>
  <li><a href="/">ВОЕННЫЕ</a></li>
  <li><a href="/">КОМЕДИИ</a></li>
  <li><a href="/">ТРИЛЛЕРЫ</a></li>
  <li><a href="/">ФАНТАСТИКА</a></li>
<li><a href="/">ПРИКЛЮЧЕНИЯ</a></li>
  <li><a href="/">МУЛЬТФИЛЬМЫ</a></li>
  <li><a href="/">ДОКУМЕНТАЛЬНЫЕ</a></li>
</b></div>


CSS:

Код
/* ====== Меню сайта ====== */
.b_menu {width:198px; margin:0 5px;}  
.b_menu li {display:block; height:25px; line-height:25px; padding:0 0 1px 0;}  
.b_menu li a {display:block; background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/814292c27ad84e72aa7e0929fc66ec31.png) no-repeat 0 0; height:25px; color:#bfbfbf; text-shadow:0px 1px 0px #212121; padding:0 7px;}  
.b_menu li a:hover {background-position:0 -26px; text-decoration:none; color:#fc972a; text-shadow:0px 1px 0px #222222; padding:0 17px;}
  /* ====== /Меню сайта ====== */


Что на светлый ставил и на темный стиль, отлично смотрится.
26.05.2016 Просмотров: 435 Комментарий: (7)

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

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

Комментарий: 7
Kosten
Kosten 26.05.2016 18:391
0
Друзья, кто понимает в стилях, можете прописать или сделать его резиновым, и чтоб автоматически устанавливался в блок, но кто шарит. wink
tsakonter
tsakonter 27.05.2016 18:202
0
Если шрифт сделать не жирным, то думаю намного красивей будет.
ucozmental
ucozmental 27.05.2016 18:303
0
Думал таким меню уже давно не кто не пользуется, а если сделать как говорите резиновым, то посмотрите, у вам много меню с таким эффектом растяжение.
feliksteg
feliksteg 27.05.2016 18:414
0
Здесь написано, что меньше можно сделать, да это так. Но там стрелка и она также исчезать будет, просто поставил на один шаблон и оно подошло как разное, нужно написать, что для широкого блока не подойдёт. А что пишите старое и давно не видели, да можно сказать такой код раньше почти на всех сайтах был, это сейчас система обновляется и можно что то оригинальное установить.
FeStemBer
FeStemBer 27.05.2016 21:415
0
Кому как, мне больше нравится меню которое на этом сайте, а это, соглашусь простое и рабочие.
feliksteg
feliksteg 28.05.2016 19:346
0
Но это меню тоже не просто раньше было поставить. Когда только пошли обновление и стал доступен иконочный шрифт, то теперь поставив стили их можно по всему сайту ставить и главное, что есть из чего выбрать.
tsakonter
tsakonter 28.05.2016 22:067
0
Но сейчас очень можно, перед каждым запросом еще ставить кнопку, сто раньше такого очень редко было.
avatar