Чтоб немного подправить оформление Вконтакте: 1. Ставим дополнение...

Чтоб немного подправить оформление Вконтакте:
1. Ставим дополнение для подмены css сайта, например Stylish для Хрома - http://vk.cc/3xHwDL
2. Открываем Вконтакте, и нажимаем на значок Stylish справа сверху, выбираем "Создать стиль для:vk.com / этого адреса"
3. Пишем следующие стили в появившемся окне:
- Ниже код, его копировать -

/* 3 строки ниже - для скрытия значков у левого меню */
#side_bar_inner #msig_comm span::before {display:none;}
#side_bar .left_icon {display:none;}
#side_bar_inner #msig_comm span {padding-left: 0px;}

.wide_column_left .wide_column_wrap
{
margin-right: 238px; /* Чуть увеличиваем средний блок */
}

.side_bar_inner { padding: 7px 0 10px; } /* Сдвигаем левое меню чуть вверх */

body
{
background: white;
background-image: url(" "); /* Cвой путь к картинке в кавычки, если нужна */
background-size: cover; /* Вписать фон */
background-attachment: fixed; /* Не прокручивать фон вместе со страницей */
}

#side_bar .left_label
{
text-shadow: 0px 0px 10px white; /* Белая тень к левому меня, если фон темный */
padding-left: 5px; /* Отступ в 5 пикселей от пунктов левого меню */
}

#msig_comm { padding-left: 5px;} /* Отступ в 5 пикселей от пункта Комментарии левого меню */

#side_bar ol li { background: white;} /* Белый фон к левому меню */

- Код кончился, больше не копировать -
4. Profit!
#vkontakte #design #вконтакте #дизайн #css #stylish
To slightly tweak the design of Vkontakte:
1. We put an add-on for replacing the css site, for example Stylish for Chrome - http://vk.cc/3xHwDL
2. Open Vkontakte, and click on the Stylish icon in the upper right, select "Create a style for: vk.com / this address"
3. We write the following styles in the window that appears:
- Below is the code, copy it -

/ * 3 lines below - to hide the icons on the left menu * /
#side_bar_inner #msig_comm span :: before {display: none;}
#side_bar .left_icon {display: none;}
#side_bar_inner #msig_comm span {padding-left: 0px;}
 
.wide_column_left .wide_column_wrap
{
 margin-right: 238px; / * Slightly increase the middle block * /
}
 
.side_bar_inner {padding: 7px 0 10px; } / * Move the left menu slightly up * /
 
body
{
background: white;
background-image: url (""); / * Your path to the picture in quotation marks, if necessary * /
background-size: cover; / * Enter the background * /
background-attachment: fixed; / * Do not scroll the background with the page * /
}
 
#side_bar .left_label
{
text-shadow: 0px 0px 10px white; / * White shadow to my left if the background is dark * /
padding-left: 5px; / * Indent 5 pixels from the left menu items * /
}
 
#msig_comm {padding-left: 5px;} / * Indent 5 pixels from the Comments item on the left menu * /
 
#side_bar ol li {background: white;} / * White background to the left menu * /

- The code is over, no longer copying -
4. Profit!
#vkontakte #design # VKontakte #design #css #stylish
У записи 3 лайков,
0 репостов.
Эту запись оставил(а) на своей стене Антон Петров

Понравилось следующим людям