» » Как изменить новый дизайн Вконтакте?
Информация к новости
  • Просмотров: 1 147
  • Автор: KinoKot
  • Дата: 22.08.2016, 18:12
22.08.2016, 18:12

Как изменить новый дизайн Вконтакте?

Категория: ---

Эта статья не относится к тематике сайта про мультфильмы, я её пишу, так как много людей сидит в нашей группе Вконтакте. Перед тем, как начать изменение дизайна Вк, можете подписать петицию, что пользователям дали возможность выбирать, какой им дизайн использовать.

Немного предыстории о смене дизайна Вконтакте...

Пару дней назад Вконтакте официально обновил свой дизайн на новый. Вернуться к старому уже нельзя. Я несколько раз писал в тех поддержку, но специалисты Вк отвечали, что нужно привыкнуть к старому дизайну. Короче, задался я вопросом, как мне изменить то, что не нравится в этом дизайне именно под себя?

Перед мной стояло 2 главных задачи:
1) Переместить кнопку лайков и репостов в правую сторону, как было в прежнем дизайне. Мне очень неудобно лайкать записи слева.
2) Что-то сделать с назойливой синей точкой в непрочитанных диалогах. То есть, когда вы отправили кому-то сообщение и он его не прочитал, появляется синяя точка. Мне она мешает и я не могу сразу отличить прочитанные сообщения от непрочитанных.

Эти две проблемы в новом дизайне были для меня критичными и я нашёл способ исправить их. Как именно, я опишу чуть ниже...

Какие проблемы решаются данным хаком Вконтакте?

1. Копка лайком и репостов возвращается на удобное правое место в посте, а кнопка комментариев в левое. Пример на картинке ниже.

Как изменить новый дизайн Вконтакте?

2. В непрочитанных диалогах убирается маленькая еле видная синяя точка справа, а вместо неё сообщение заливается синим цветом, наподобие как было в прежнем дизайне. Это позволяет сразу определить, какие сообщения прочитали, а какие ещё нет.

Как изменить новый дизайн Вконтакте? 

Как поменять или изменить дизайн Вконтакте

Для этого скачиваем расширение Stylish для своего браузера с официального сайта userstyles.org или по ссылкам ниже:
Для Google Chrome: Скачать.
Для Opera: Скачать.
Для Mozilla Firefox: Скачать.

После того, как Вы установили это расширение в свой браузер, переходим в него и нажимаем "Создать стиль для: vk.com этого адреса":

Стиль Вконтакте 

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

.post_full_like_wrap .post_like, .post_full_like_wrap .post_share {
			
			
			    float: right !important;
			}
			
			
			.post_full_like_wrap .reply_link_wrap {
			    float: left !important;
			}
			
			
			.post_like, .post_share {
			    margin-right: 0px !important;
			}
			
			
			.wall_module .post_like_icon, .wall_module .post_share_icon {
			    margin-left: 3px !important;
			    float: right !important;
			}    
			
			
			.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 {
			    display: block;
			    overflow: hidden;
			    border-radius: 0px;
			    width: 469px;
			    height: 71px;
			    margin-top: -12px;
			    background: rgba(147, 173, 200, 0.22);
			    margin-right: 1px;
			    text-indent: -99px;
			    bottom: 0 !important;
			    right: 0 !important;
			    left: -8px !important;
			}

Ниже Применить к выбираем URL в домене vk.com, слева пишем названия стиля и жмём кнопку Сохранить, после чего Завершить, не забываем поставить галочку "Включено" под названием стиля:

Как изменить новый дизайн Вконтакте?

Всё, теперь переходим в Вконтакте и можно заметить внесённые изменения. Таким образом можно изменить любой элемент дизайна. На официальном сайте приложения также можно скачать уже готовый стиль прежнего дизайна Вконтакте, но в нём много багов и неточностей.

Отключить данные изменения можно очень просто, как и включить снова. Для этого вызовем окошко дополнения и снимем галочку напротив названия вашего стиля.

Важно! Этот метод вполне легальный, так как изменения отображаются только в вашем браузере у вас на компьютере. Вот что сказала поддержка Вк по этому поводу:
ВконтактеВконтакте
Если Вам что-то нужно ещё доработать в дизайне, пишите мне в ЛС Вконтакте или сюда в комментарии.
 
Понравилась статья?
Расскажи о ней друзьям в социальных сетях)

Также не забываем ставить лайки :D ♥

Метки к статье: вконтакте, вк, дизайн вк, как изменить дизайн вконтакте, как вконтакте перенести лайки вправо, как вернуть старый дизайн вк

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
<
ReginaMills

22 августа 2016 18:43

Информация к комментарию
  • Группа: Посетители
  • Регистрация: 21.08.2016
  • Статус: Пользователь offline
  • Публикаций: 0
  • Комментариев: 3
Спасибо большое за эту статью!!!
Не скажете, как аватарки снова сделать квадратными? request


<
Руслан

22 августа 2016 18:52

Информация к комментарию
  • Группа: Администраторы
  • Регистрация: 25.05.2016
  • Статус: Пользователь offline
  • Публикаций: 266
  • Комментариев: 9
Цитата: ReginaMills
Не скажете, как аватарки снова сделать квадратными?

Сделать где именно? Если нужно в комментариях, на стене и группах, то добавьте следующий код в самый низ:
<
ReginaMills

23 августа 2016 14:58

Информация к комментарию
  • Группа: Посетители
  • Регистрация: 21.08.2016
  • Статус: Пользователь offline
  • Публикаций: 0
  • Комментариев: 3
KinoKot, Спасибо)
Вот в группах, когда листаешь посты вниз, правый блок (видеозаписи, контакты и т.д.) прилипает к странице. То есть сколько бы вниз не листала, он остаётся на одном месте. Надеюсь понятно объяснила...
Как сделать, чтобы эти блоки не прилипали к низу страницы?


<
Руслан

23 августа 2016 15:09

Информация к комментарию
  • Группа: Администраторы
  • Регистрация: 25.05.2016
  • Статус: Пользователь offline
  • Публикаций: 266
  • Комментариев: 9
ReginaMills, Я вас понял. Добавьте этот код в самый низ стилей:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.