Вы вошли как:  Гость
Форум All-For-VKontakte
Это сообщество, объединяющее в себе пользователей, заинтересованных в продвижении в популярных социальных сетях и заработке на них. У нас вы сможете узнать мнения профессионалов по любым вопросам или поделиться своим опытом с неопытными пользователями, найти полезную информацию и просто пообщаться с хорошими людьми.
Присоединяйтесь к нам!
    
Сворачивание/разворачивание вертикального меню ВКонтакте
18.04.2011 в 06:42
К сожалению, данный материал более не актуален
Данный стиль добавит функцию сворачивания и разворачивания вертикального меню ВКонтакте. Стандартно меню будет скрытым. Разворачивать и сворачивать можно по нажатии кнопки.

Я (Архангел) добавил стили для страниц без .php, поэтому скрипт работает на всём сайте.


Вот и сам стиль:
Code
/*для модулей с .php*/  
  #sideBar { -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox") !important;}  
  #sideBar:before {content: "Показать" !important; display:block; color:#888888; padding:3px 3px 3px 24px;background:url(http://vkontakte.ru/css/../images/flex_arrow_shut.gif) left center no-repeat #EEEEEE!important;border-top:1px solid #CCCCCC!important;font-weight:bold!important}  
  #sideBar[checked="true"]:before {content: "Скрыть" !important;background:url(http://vkontakte.ru/css/../images/flex_arrow_open.gif) left center no-repeat #DAE2E8!important;color:#45688E;border-top:1px solid #B1BDD6!important;}  
  #sideBar:hover:before {cursor: pointer !important;}  
  #sideBar:not([checked="true"]) * {display: none !important;}  
  /* --------------- */  

  /*для модулей без .php*/  
  #side_bar { -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox") !important;}  
  #side_bar:before {content: "Открыть" !important; display:block; color:#888888; padding:3px 3px 3px 24px;background:url(http://vkontakte.ru/css/../images/flex_arrow_shut.gif) left center no-repeat #EEEEEE!important;border-top:1px solid #CCCCCC!important;font-weight:bold!important}  
  #side_bar[checked="true"]:before {content: "Закрыть" !important;background:url(http://vkontakte.ru/css/../images/flex_arrow_open.gif) left center no-repeat #DAE2E8!important;color:#45688E;border-top:1px solid #B1BDD6!important;}  
  #side_bar:hover:before {cursor: pointer !important;}  
  #side_bar:not([checked="true"]) * {display: none !important;}  
  /* --------------- */
Об установке тем или CSS-стилей можно прочитать в специальной статье на этой странице.
Вам понравился материал?
Источник/Официальный сайт
Рассказать друзьям
Обсуждение
0
Glups в 14:32 09.05.2011Спам
Вот это суперррррская вещь, вообще офигеть, спс...
0
Splendid в 16:06 01.05.2011Спам
Интересная прога, над поробывать. А то меню глаза мозолит. спс
0
Lera в 19:59 24.04.2011Спам
Ну я не знаю. Мне такое не нужно.
0
Sunova в 10:01 25.04.2011Спам
согласна мне тоже не нужно
0
Angel1429 в 13:45 21.04.2011Спам
Классно, пользы конечно не много, но мне понравилось, Спасибо))
0
Desmond в 23:34 20.04.2011Спам
Как я писал в теме Сворачивание/разворачивание вертикального меню ВКонтакте №2 это заманчивая вещь, и очень классная!)