11
Сворачивание/разворачивание вертикального меню ВКонтакте №2
18.04.2011 в 06:445.0K
просмотров
6
комментариев
11
оценок
К сожалению, данный материал более не актуален
Ещё один стиль для сворачивания и разворачивания вертикального меню во ВКонтакте. Первоначально он скрыт, разворачивается по нажатию на ссылку. Я (Архангел) добавил стили для страниц без .php, поэтому скрипт работает на всём сайте.
Вот и сам стиль:
Code
/*для модулей с .php*/
#sideBar { -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox") !important;}
#sideBar:before {content: "Extend" !important; display:block; color:#36638E; padding:3px 3px 3px 6px;}
#sideBar[checked="true"]:before {content: "Hide" !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: "Extend" !important; display:block; color:#36638E; padding:3px 3px 3px 6px;}
#side_bar[checked="true"]:before {content: "Hide" !important;}
#side_bar:hover:before {cursor: pointer !important;}
#side_bar:not([checked="true"]) * {display: none !important;}
/* --------------- */
#sideBar { -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox") !important;}
#sideBar:before {content: "Extend" !important; display:block; color:#36638E; padding:3px 3px 3px 6px;}
#sideBar[checked="true"]:before {content: "Hide" !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: "Extend" !important; display:block; color:#36638E; padding:3px 3px 3px 6px;}
#side_bar[checked="true"]:before {content: "Hide" !important;}
#side_bar:hover:before {cursor: pointer !important;}
#side_bar:not([checked="true"]) * {display: none !important;}
/* --------------- */
Об установке тем или CSS-стилей можно прочитать в специальной статье на этой странице.
