Например:
Суббота, 20.04.2024, 15:01 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты Меню » Меню как вконтаке от Videtor (Очень красивое мню!)
Меню как вконтаке от Videtor
Dimas777
Дата: Суббота, 09.08.2014, 17:51 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


В 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

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты Меню » Меню как вконтаке от Videtor (Очень красивое мню!)
  • Страница 1 из 1
  • 1
Поиск: