Сворачивание/разворачивание вертикального меню ВКонтакте

К огорчению, данный материал наиболее не животрепещущ Данный стиль добавит функцию сворачивания и разворачивания вертикального меню ВКонтакте. Стандартно меню будет сокрытым. Разворачивать и сворачивать можно по нажатии клавиши.

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


Вот и сам стиль:
Code200?’200px’:»(this. scrollHeight5)’px’);»>/*для модулей с. 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;}
/* ————— */ Для вас приглянулся материал? 18

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *