Суббота, 20.04.2024, 13:38
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
Коментарий:Невероятно....это полезный веб-сайты.
Добавил:Stevensleed

Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,
Добавил:Vj PitBulvjpitbul94

Коментарий:Всё исправил, проверил , скачивайте
Добавил:Modred

Коментарий:Классный скрипт , но на PHP
Добавил:ZemHU

Коментарий:Отличный движок Добавил:DexonEdutt

Коментарий:Легко установить Добавил:Mixhoarm

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Меню для UCOZ

Как вконтаке боковое меню ucoz

Как вконтаке боковое меню ucoz


Красивое боковое меню для сайта ucoz как вконтакте

Установка:

1. Это ставим в 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;  
  }


2. Это в боковое меню вашего сайта:

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>


Для тех кто не знает что такое CSS и как им пользоваться вот вариант ставите в нижнюю или верхнюю часть сайта:
в этом случае первый пункт надо пропустить закинуть только боковое меню и откаректировать названия и ссылки под свой сайт:

Code
<link type="text/css" rel="StyleSheet" href="http://soft-deniz.ucoz.ru/cssmy/vkontake_bokovoe_menju.css" />


Всем спасибо наслаждайтесь красивым боковым меню на вашем сайте.

Похожие материалы:

Категория: Меню для UCOZ | Добавил: SofModker | Теги: Скрипты меню ucoz
Просмотров: 1879 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0