Условно старый дизайн ВК

Условно старый дизайн ВК - Liber.pro - личный сайт Алексея Либера Картинка  1

Мое решение не претендует на универсальность, да и не гонюсь за ним... Просто есть некоторые вещи в новом дизайне ВК которые меня "малость" подбесили.И их я по возможности исправил. Подчеркиваю: данный способ не вернет нам старый дизайн ВК, но ряд вещей все-таки станет прежним, например квадратные аватарки и белый фон... 

Итак:

1) Если у вас не усановлен Хром (Яндекс.Браузер и пр. ВебКитовскте браузеры) - закрываем эту страницу, и мучаемся дальше... (Хотя и stylish есть под Мозилу точно, но все равно - закрываем эту страницу, и мучаемся дальше)

2) Устанавливаем дополнение отсюда - https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ru. Если вкратце, то это дополнение переопредяет стили для сайтов.

3) заходим в вк, и жмакаем по значку, который появился у вас вверху справа, выбираем "Создать стиль для: vk.com":

Условно старый дизайн ВК - Liber.pro - личный сайт Алексея Либера Картинка  2

Дальше в большое окошко справа вставляем этот код:

 

body{background:white !important;}
.page_block{box-shadow:none; outline:1px solid rgba(0,0,0,0.1); border-radius:0;}
.im-right-menu.ui_rmenu{display:none;}
.im-page.im-page_classic .im-page--header-chat{width:821px; border-right:none;}
.im-page.im-page_classic{width:820px;}
.im-page.im-page_classic .im-mess{width:812px;}
.im-page.im-page_classic .im-page--chat-input{width: 820px;
    border-right: none;}
.im-chat-input.im-chat-input_classic .im-chat-input--textarea{width:664px;}
.im-page.im-page_classic .im-mess:not(.im-mess_fwd){max-width:832px;}
.im-page.im-page_classic .im-page--header{width: 849px;
    top: 104px;}
img,.page_list_module .thumb{    border-radius: 0 !important;}
.profile_info_header,.page_name, h2.page_name{    color: #285473;}
#page_body{    border-left: 1px solid rgba(211, 211, 211, 0.49);}
.narrow_column_wrap div{border:none; outline:none; box-shadow:none;}
.wall_module .ui_tabs,.module_header,.module_header .header_top{    background: #F1F1F1;     height: 40px; color: #285473;}
.wide_column_right .wide_column, .narrow_column_wrap .module_body{    border-right: 1px solid #f1f1f1;}
.wide_column_right .wide_column div{border:none;outline:none; box-shadow:none;}
._post_content{border-top: 1px solid #f1f1f1 !important;}
.album_module .page_album_row{border-radius:0;}
#page_header_cont .back{    width: 1040px;    left: 50%;    margin-left: -520px;    border-radius: 0px 0px 10px 10px;}
.page_block{margin:0;}
.counts_module{display:none;}
.page_current_info {
    padding: 0px 0 4px;
    border-bottom: 1px solid #f1f1f1 !important;

}
.nim-peer .nim-peer--photo-w{border-radius:0;}
.im-page .im-page--dialogs-footer.ui_grey_block{width:820px;}

.nim-dialog.nim-dialog_unread-out.nim-dialog_muted:not(.nim-dialog_failed) .nim-dialog--unread, .nim-dialog.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--unread{    left: -89px;
    top: -41px;
    position: relative;
    border-radius: 0;
    width: 821px;
    height: 68px;
    background: rgba(147,173,200,.2);}
.im-mess-stack.im-mess-stack_fwd .im-mess-stack--mess li:last-of-type{    width: 720px;}

Пишем любое название, например "старый ВК", нажимаем сохранить, обновляем страничку.

Часть элементов старого дизайна будет восстановлена. Если вам нужно будет вернуть изменения, то кликаем по тому же значку справа вверху, и просто снимаем галочку напротив "Старый ВК". Должно получиться что-то вроде этого:

Условно старый дизайн ВК - Liber.pro - личный сайт Алексея Либера Картинка  3

Еще раз подчернку - старый ВК уже не вернешь, но раздращающие элементы можно пофиксить.

Предыдущая работа

comments powered by HyperComments