2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Меню как вконтаке от Videtor

Скрипты меню 2012-Окт-19 drakee 964 0


В css:
Code
a:hover {
  color: #36638E;
  text-decoration: underline;
}
a img {border: 0px;}

a * {outline: none;}

a.previewLink {
  display: block;
  position: relative;
}
a.previewLink img {border: solid 1px #aaaaaa; box-shadow:3px 3px 3px rgb(145,145,145);}
a.previewLink:hover img {border: solid 1px #45688e;}
a.previewLink .length {
  background: #000000;
  color: #FFFFFF;
  padding: 1px 5px;
  position: absolute;
  font-size: 10px;
  box-shadow : 3px 3px 3px rgb(145,145,145);
}
a.previewLink:hover .length {background: #45688e; color: #FFFFFF;}

a.tabButton {
  cursor: pointer;
  display: block;
  padding: 5px 11px;
  padding-top: 4px;
  text-decoration: none;
  margin-bottom: 6px;
}

a.tabButton:hover {
  background-color: #dae1e8;
  text-decoration: none;
}

a.tabButton.active {
  cursor: pointer;
  display: block;
  padding: 4px 10px;
  padding-top: 3px;
  border: solid 1px #3b6798;
  background-color: #6d8fb3;
  color: #FFFFFF;
  text-decoration: none;
  margin-bottom: 6px;
}

a.linkButton {
  display: block;
  background-color: #36638E;
  padding: 6px 10px;
  color: #FFFFFF;
  text-decoration: none;
  width: 100px;
  font-weight: normal;
  text-align: center;
}

a.linkButton:hover {
  text-decoration: none;
  color: #C0CAD5;
}

* {
  font-family: Tahoma, Verdana;
}


В блок:
Сылки сами поменяите smile
Code
<div class="panel">
  <div class="panel-wrapper">

  <h2 class="title">Жанры</h2>

  <a href="/search/index/search?genres=0" title="Все жанры" class="tabButton GenresList active" id="GenreList_0" onclick="setSearchGenre(['', '']); setGenresSearchList(0); return false;">Все</a>
  <a href="/komediya/" title="Комедия" class="tabButton GenresList" id="GenreList_8" onclick="setSearchGenre(['8', 'Комедия']); setGenresSearchList(8); return false;">Комедия</a>
  <a href="/boevik/" title="Боевик" class="tabButton GenresList" id="GenreList_3" onclick="setSearchGenre(['3', 'Боевик']); setGenresSearchList(3); return false;">Боевик</a>
  <a href="/fantastika/" title="Фантастика" class="tabButton GenresList" id="GenreList_19" onclick="setSearchGenre(['19', 'Фантастика']); setGenresSearchList(19); return false;">Фантастика</a>
  <a href="/ugasi/" title="Ужасы" class="tabButton GenresList" id="GenreList_18" onclick="setSearchGenre(['18', 'Ужасы']); setGenresSearchList(18); return false;">Ужасы</a>
  <a href="/voenniy/" title="Военный" class="tabButton GenresList" id="GenreList_4" onclick="setSearchGenre(['4', 'Военный']); setGenresSearchList(4); return false;">Военный</a>
  <a href="/detectiv/" title="Детектив" class="tabButton GenresList" id="GenreList_5" onclick="setSearchGenre(['5', 'Детектив']); setGenresSearchList(5); return false;">Детектив</a>
  <a href="/drama/" title="Драма" class="tabButton GenresList" id="GenreList_6" onclick="setSearchGenre(['6', 'Драма']); setGenresSearchList(6); return false;">Драма</a>
  <a href="/istoricheskiy/" title="Исторический" class="tabButton GenresList" id="GenreList_7" onclick="setSearchGenre(['7', 'Исторический']); setGenresSearchList(7); return false;">Исторический</a>
  <a href="/kriminal/" title="Криминал" class="tabButton GenresList" id="GenreList_9" onclick="setSearchGenre(['9', 'Криминал']); setGenresSearchList(9); return false;">Криминал</a>
  <a href="/melodrama/" title="Мелодрама" class="tabButton GenresList" id="GenreList_11" onclick="setSearchGenre(['11', 'Мелодрамма']); setGenresSearchList(11); return false;">Мелодрама</a>
  <a href="/multfilm/" title="Мультфильм" class="tabButton GenresList" id="GenreList_28" onclick="setSearchGenre(['28', 'Мультфильм']); setGenresSearchList(28); return false;">Мультфильм</a>
  <a href="/priklucheniya/" title="Приключения" class="tabButton GenresList" id="GenreList_15" onclick="setSearchGenre(['15', 'Приключения']); setGenresSearchList(15); return false;">Приключения</a>
  <a href="/triller/" title="Триллер" class="tabButton GenresList" id="GenreList_17" onclick="setSearchGenre(['17','Триллер']); setGenresSearchList(17); return false;">Триллер</a>
  <a href="/dlya_vzroslich/" title="Для взрослых" class="tabButton GenresList" id="GenreList_32" onclick="setSearchGenre(['32','Для взрослых']); setGenresSearchList(32); return false;">Для взрослых</a>
  </div>
  </div>
Источник: http://videtor.ru/
0 комментариев
avatar