В css:
Код
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;
}
В блок:
Ссылки сами поменяете!
Код
<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/
Меню, как, вконтаке, от, Videtor
|