Как в вк поменять оформление


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

Не думал специально создавать материал на эту тему, множество источников уже высказались на тему нового дизайна ВКонтакте, в том числе и сам Павел Дуров, да и новость уже почти устарела. Мне новый дизайн ВК не по душе, но как оказалось меня в оформлении смущали всего две вещи – серый фон вгоняющий в тоску и иконки в меню, которые воспринимаются как «визуальный мусор».

Осознав то, что я могу легко исправить то, что мне не нравится сам, я принялся за дело: сначала сделал белый фон, потом все-таки сделал его чуть-темнее, но все-таки светлее оригинального, добавил теней, убрал иконки. Ну, и все, я доволен.

Теперь вот решил поделиться своим вариантом с вами по той причине, что тематика очень популярна, и по просмотрам на моем сайте лидируют именно материалы каким-либо образом связаны с VK. Были даже мысли создать отдельный сайт про VK или переделать данный.

1. Установите плагин Stylish. Введите в Google, он сразу найдет это расширение для браузера Chrome или Firefox.

2. Затем перейдите на vk.com, нажмите на значок расширения, в выпадающем меню есть ссылка «Создать стиль для vk.com». Затем просто вставляйте в область для ввода кода стилей предложенные ниже варианты.

Вариант со светлым фоном

Белый фон

Код

body {background:#fff!important;} .page_block {box-shadow:0 1px 0 0 #e3e4e8, 0 0 0 1px #e3e4e8;} #side_bar .left_icon {display:none} #side_bar *:hover {background:none!important} #side_bar .left_label:hover {opacity:0.7} #side_bar .more_div {margin-left:-8px} .left_menu_nav_wrap {margin-left:-8px}

.im-page .im-page--history {margin-left:316px}

И светлее оригинального

Код

body {background:#f9f9fa !important;} .page_block {box-shadow: 0px 4px 7px rgba(0,0,0,0.05)!important;} #side_bar .left_icon {display:none} #side_bar *:hover {background:none!important} #side_bar .left_label:hover {opacity:0.7} #side_bar .more_div {margin-left:-8px} .left_menu_nav_wrap {margin-left:-8px}

.im-page .im-page--history {margin-left:316px}

Напросился сам и вариант с картинкой. Первое время с картинкой будет сидеть прикольно, но потом надоест. Можно будет переодически менять изображения, как вариант.

Код

body {background:#f9f9fa url('https://4.bp.blogspot.com/-KBLDnQ90g4g/UmvW7pjV5xI/AAAAAAAASlE/iMEPAmWJ5FM/s0/Rolling_Waves_Mod-ultra-HD.jpg') fixed !important;background-size:cover!important;} .page_block {box-shadow: 0px 6px 20px rgba(0,0,0,0.4)!important;} #side_bar .left_icon {display:none} #side_bar *:hover {background:none!important} #side_bar .left_label {color:#fff} #side_bar .left_label:hover {color:rgba(255,255,255,0.7)!important} #side_bar .more_div {margin-left:-8px;border-top:1px solid rgba(255,255,255,0.1)} .left_menu_nav_wrap {margin-left:-8px} .left_menu_nav {color:rgba(255,255,255,0.5)}

.im-page .im-page--history {margin-left:316px}

Просто меняйте имеющуюся в коде ссылку на картинку на свою ссылку.

Как вернуться к старому дизайну ВКонтакте?

К сожалению, через сам сайт никак. Но через плагин Stylish можно установить похожие на старый дизайн стили, правда мне не удалось найти сколь-нибудь адекватное оформление, все они кривые, поэтому не хотелось бы их рекомендовать, но все-таки придется, ведь некоторые зашли сюда именно за этим.

Итак, пошагово расскажу как перейти на старый дизайн, вернуть старый дизайн ВК.

1. Установите плагин Stylish. Введите в Google, он сразу найдет это расширение для браузера Chrome или Firefox.

2. После этого переходим на сайт https://userstyles.org, вводим там в поисковой строке «старый дизайн вк» и устанавливаем.

Здесь же вы можете в поиске ввести «vk» и найти другие стили для сайта. Только не принимайте несколько стилей одновременно (снимайте галочки перед стилями в самом расширении после установок).

yraaa.ru

Как устанавливать темы в "Контакте" в браузере?

Сайт «ВКонтакте» пользуется необычайной популярностью среди пользователей. Эта сеть создавалась с применением последних достижений в сайтостроении. Она постоянно развивается и улучшается. Однако есть функции, которых администрация ресурса не предусмотрела или считает излишними. Команда «ВКонтакте» опубликовала список операций, которых никогда не будет в их соцсети. К таким, например, относится анимация и цветные шрифты. Есть в данном списке и красочные темы оформления.

Многим пользователям хотелось бы менять оформление своей страницы в зависимости от настроения и других причин. Но как устанавливать темы в «Контакте», если такой функции нет на сайте? Давайте разберёмся в этой проблеме! Нам понадобится самый обыкновенный браузер, а также расширения для него.

Что умеют современные браузеры

Оказывается, ваш интернет-обозреватель может практически всё! Интересно то, что у вашего браузера есть два вида функций:

  • Операции, которые активируются с помощью расширений. Здесь вы можете устанавливать разнообразные формы защиты, генерировать пароли для сайтов, дополнять функционал любимых соцсетей и многое другое.
  • Операции, доступные без расширений. Вы можете сохранять интересные страницы в виде PDF, придумывать собственные горячие клавиши, превращать свой обозреватель в проигрыватель и т. п. Всё это без расширений!

Кстати, существует несколько типов дополнений для браузеров:

  1. Приложения – программки, которые необходимо открывать в отдельном окне.
  2. Расширения – дополнительные операции, доступные с любой вкладки вашего обозревателя.
  3. Темы оформления, способные украсить ваш браузер.

Благодаря тому, что интернет-обозреватели оснащены множеством различных функций, мы с вами можем менять оформление «ВКонтакте». Рассмотрим, как устанавливать темы в «Контакте».

Как выбрать безопасный сервис для смены оформления «ВК»

Давайте сначала выясним, какие сервисы по установке тем в «ВКонтакте» безопасны для вас. А после этого можно будет заняться самим процессом.

Опасайтесь ресурсов, которые просят вас:

  • Вставить пароль от вашей страницы.
  • Послать СМС.
  • Произвести установку неизвестной программы.

Всё это чревато взломом страницы или потерей денег!

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

Меняем привычную страницу на сайте «ВКонтакте»

Пора узнать о том, как устанавливать темы в «Контакте». Для этого надо изучить инструкции, подходящие для любого обозревателя. А затем можно рассмотреть некоторые браузеры отдельно.

Установить собственное оформление для сайта «ВКонтакте» можно с помощью сервиса vkstyles.ru. Данный ресурс предлагает специальное расширение для популярных интернет-браузеров.

Установив особую программу, вы получите:

  1. Тысячи готовых оформлений.
  2. Возможность создавать собственный дизайн.
  3. Панельку для обозревателя, в которой отражены все новости сети.
  4. Функцию загрузки музыки и видео.

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

По аналогии с описанным работают ресурсы: vkmod.net, get-styles.ru, vktema.com и другие. На данных сайтах вы можете отыскать множество тем оформления, а также скачать расширения для всех популярных браузеров.

Изменить шаблон «ВКонтакте» можно с помощью разнообразных дополнений для вашего обозревателя. Для этого найдите подходящее приложение в магазине расширений для вашего браузера. Искать нужно в разделах:

  • «ВК» обои;
  • фон «ВКонтакте»;
  • темы «ВКонтакте».

Выберите подходящее дополнение и испытайте его. Обратите внимание! Новое оформление вашей страницы можете видеть только вы. И отображаться фоновая картинка будет лишь в том браузере, в котором вы устанавливали расширение для смены тем «ВК».

Устанавливаем темы в обозревателе Opera

Давайте для начала рассмотрим, как установить тему «В Контакте» на «Оперу». Для этого откройте в своём браузере вкладку «Инструменты», затем перейдите в раздел «Настройка». Далее надо зайти в «Дополнительно», потом – «Содержимое». Теперь открывайте рубрику «Настройки стилей», в которой нужно выбрать «Режимы отображения». Здесь пометьте пункт «Моя таблица стилей». Первичные настройки закончены, и можно перейти к установке тем оформления.

Скопируйте код понравившегося шаблона, а потом вставьте его в текстовый редактор (например, «Блокнот») и сохраните. Сохранение файла надо производить в формате CSS! Тема готова, и её можно установить.

Для этого зайдите на «ВК» и щёлкните правой мышкой в любом месте странички. Откроется «Контекстное меню», в котором нужно выбрать пункт «Настройки для сайта». После этого открываем вкладку «Вид», нажимаем кнопку «Обзор» и загружаем созданный шаблон.

Как оформить страницу «ВК» в обозревателе Orbitum

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

Интернет-обозреватель Orbitum имеет готовый набор шаблонов для «ВКонтакте». Для того чтобы их попробовать, надо войти на «ВК» с помощью этого браузера, а затем в правом верхнем углу сайта найти ссылку «Сменить тему». Кликните по данной ссылке, и перед вами появится специальная страничка с полным списком тем оформления. Выберите красивую картинку, а потом щёлкните по кнопке «Применить». Она находится под понравившейся темой. Теперь ваш профиль «ВКонтакте» обновлён!

Меняем темы для «ВКонтакте» в Google Chrome

Установите расширение Personalized Web, а затем зайдите в его настройки. Перейдите во вкладку «Настройки и управление» для «Гугл Хром», а затем откройте пункт «Расширения». Теперь выберите «Настройки» и создайте новое правило. Здесь надо предпочесть вариант «Без имени». Перед вами появится окошко с дополнительными настройками, где надо ввести:

  • Название правила.
  • Адрес сайта «ВК» (старый и новый вариант, разделённые вертикальной чертой).
  • Подготовленный код шаблона в формате CSS.
  • Сохраните настройки.

Теперь надо перезагрузить страничку «ВК» для выключения стандартной темы. Вновь откройте настройки для «Гугл Хром», а затем удалите метку возле стандартной темы «ВК». Сохраните результат.

Если данная инструкция не работает, воспользуйтесь специализированными сайтами для смены оформления «ВКонтакте». Такие ресурсы были описаны выше.

Вы узнали, как установить тему в «Контакте» на Google Chrome. Далее можно перейти к его собратьям.

Оформляем страницу «ВК» с помощью Yandex Browser

Теперь выясним, как установить тему «В Контакте» на «Яндекс.Браузер». Поскольку этот обозреватель создан по технологии Chromium, настраивать Yandex Browser можно по аналогии с Google Chrome. По этой причине оформить вашу страничку на «ВК» поможет расширение Personalized Web, а также иные приложения для «Хрома».

Следуя логике, можно сделать вывод, что настройки и расширения от «Гугл Хром» подойдут «Амиго» и подобным ему обозревателям.

fb.ru

Темы для контакта. Как изменить оформление вконтакте? - Все для контакта

Сегодня поговорим как изменить тему в контакте и где взять и скачать бесплатно темы для вконтакте. Итак,  многие проводят в своем аккаунте  достаточно долгое время, и конечно же им наверняка приходила на ум мысль сменить стандартную тему (оформление сайта). Можно воспользоваться одной возможностью, которая позволяет в браузере установить индивидуальное оформление для любой страницы, в том числе и для вашей, а так же убрать рекламу.

темы для контакта

Коллекция тем на нашем сайте:

Множество сайтов сейчас публикуют темы для контакта — вам остается только скопировать их и установить. Ниже вы найдете  бесплтнаые темы вконтакте, которые наш сайт собрал из различных уголков интернета, но для начала нужно разобраться, как же установить эти темы.

Итак, начнем с отображения тем в браузерах. Так как в каждом браузере настройки индивидуального вида страниц свои, то рассмотрим их отдельно.

Как установить тему вконтакте на Internet Explorer

Копируем код в пустой текстовый файл. Называем этот файл vkontakte.css. После этого заходим в настройки Internet Explorer: Cервис ( Tools) ? Свойства обозревателя ( Internet Options) ? Общие (General)? Оформление (Accesibility). Нужно отметить галочкой пункт “Оформлять, используя пользовательский стиль” (Format documents using my style sheet), нажать “Обзор” выбрать только что созданный файл vkontakte.css.

Как поменять тему для  контакта в Mozilla Firefox

В Firefox для такой операции сначала нужно установить дополнение Stylish. После этого скопируйте код в буфер обмена. Зайдите на сайт vkontakre.ru. Если у вас включена строка состояния, то в правом нижнем углу окна браузера будет иконка этого дополнения. Кликнув по ней, вы попадете в меню Stylish: Создать стиль ? Для vkontakte.ru. После этого вставьте скопированный код между двумя скобками {…} в открывшееся окно и назовите его (таких стилей может быть несколько).

Переключаясь между стилями вы будете выбирать разные варианты оформления тем в контакте. Так как именно тут возникают ошибки при добавлении, то советую обратить внимание на то, что код нужно размещать именно между скобок {…}.

Установка темы в контакте для оперы (Opera)

Прежде всего проверьте, отмечен ли пункт “Моя таблица стилей” в настройках Инструменты ? Настройка ? Дополнительно ? Содержимое ? Параметры стиля ? Режимы представлений. В последней Opera 10 это выглядит так:

После этого копируйте в пустой текстовый файл код оформления, и называйте этот файл vkontakte.css. Зайдите на вашу страницу в контакте и кликните по ней правой кнопкой. В контекстном меню выберете “Изменить настройки узла”, на вкладке “Отобразить” нажмите “Обзор” и выберете только что созданный файл vkontakte.css. В Opera 10 эта настройка выгдялит так:

Понятно, что каждый стиль можно сохранить в свой файл CSS, дав ему собственное название.

Баннеры

После смены оформления у вас могут остаться баннеры, или же вместо них будут пустые белые прямоугольники, которые будут портить впечатление. Чтобы скрыть их, можно в код темы вконтакте (оформления) в самом конце вставить один из вариантов специального кода.

Вариант 1:

#banner1 {visibility: hidden !important} #banner2 {visibility: hidden !important; margin-bottom: -90px !important}

Вариант 2:

#banner1, #banner2 {display: none !important}

Скачать бесплатно темы для контакта

Темы были замечены на многих сайтах. Вот несколько ссылок, где можно скачать и установить темы для контакта:

Найти еще темы вконтакте можно в Google | Bing | Яндексе.

Напоминаем, что темы лучше ставить в браузерах Firefox и Opera, в Internet Explorer тема будет применена ко всем сайтам сразу.

Большую подборку тем вы можете найти на нашем сайте - http://kontaktlife.ru/category/temy

Тулбар

Сайт http://get-styles.ru/пошел дальше, и избавил своих посетителей от ручной установки тем. Для этого был придуман специальный тулбар, устанавливаемый в браузер. Этот тулбар позволяет автоматически устанавливать сотни тем с этого сайта.

Более того, тулбар показывает сообщения и проигрывает музыку и видео, а так же осуществляет поиск через Яндекс.

У всех этих способов изменения стиля отображения вашей страницы есть один недостаток — темы в контакте будут видны только тому, кто их  установит. То есть обычный посетитель не увидит изменений. Чтобы изменения были видны не только вам, но и остальным посетителям, советую поставить ссылку на вашу тему вконтакте на самое видное место, а так же дополнить ее ссылкой на эту страницу, чтобы все могли знать, как можно украсить свой аккаунт.

А какие хорошие темы для контакта знаете вы?

sites.google.com


Смотрите также