Красивое оформление сообщества «ВКонтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «ВКонтакте» была красивой, аккуратной и удобной в использовании. Как это сделать? Читайте ниже.
Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.
А теперь давайте более подробно по каждому пункту.
Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:
Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.
Покажу на примере.
У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.
Размер обложки для полной версии сайта - 1590 на 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:
Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.
В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть. Поэтому, если вы хотите, чтобы ваше изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не менее 510 пикселей. Лучше всего, чтобы это был квадрат или прямоугольник в альбомной ориентации.
Звучит слегка запутано:) Поэтому покажу на примере.
Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах:
А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней.
Все эти данные берутся из кода разметки Open Graph :
Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:
Либо загрузить свое:
Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.
Размер изображения для обложки статьи, созданной в редакторе, - 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не очень хороший пример:
Размер для фотографий - 1080 на 1920 пикселей. Размер для видео - 720 на 1280 пикселей.
Технические характеристики для видеозаписей:
В историях необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от лица сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики «ВКонтакте» открыли эту функцию. И делается это с помощью официального приложения. С компьютера это сделать нельзя.
1280 на 720 пикселей.
Ширина области контента у вики-страницы составляет 607 пикселей. Если вы будете загружать картинку большего размера, она автоматически загрузится размером 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу, получится вот что:
Чтобы изменить размеры картинки, по ней нужно кликнуть и установить нужные значения:
О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем.
Если вы когда-нибудь пробовали загружать изображения «ВКонтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Пример:
Как сделать так, чтобы качество картинок не портилось?
Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800.
Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила. Вот, что из этого получилось:
Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:
Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство.
Не так давно «ВКонтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».
На обложке вы можете разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Особое внимание рекомендую обратить на возможности динамической обложки. О том, как она работает, в каких целях ее можно использовать и с помощью каких сервисов установить, читайте в нашей статье .
Примеры динамических обложек:
Некоторые компании специально не закрепляют в шапке никаких постов, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Некоторые компании добавляют в стандартное описание страницы хэштеги , которые ее характеризуют. Делается это для того, чтобы у страницы была более четкая релевантность, и чтобы за счет этого она находилась выше в поиске по соответствующим запросам. Честно говоря, я не знаю, работает этот способ или нет. Кейсов на эту тему я не встречала, поэтому если кто знает, буду благодарна, если поделитесь ссылочкой.
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:
А вот что видит пользователь после того, как он кликнет по ссылке:
Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.
Вот как выглядит закрепленный пост в шапке страницы Flatro:
Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».
А вот что мы видим, когда кликаем по нему:
Кстати, стоит отметить, что это далеко не единственные варианты. По сути, на этой картинке вы можете написать все, что угодно. Главное, чтобы пользователю хотелось по ней кликнуть, и он понимал, что его после этого ждет. Пример:
Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.
А вот этот вариант оформления шапки меня действительно сильно восхитил. Автоматически проигрываемая гифка сливается с аватаром в единую композицию и приковывает внимание пользователей, даже несмотря на то, что на ней нет вообще никакой информации.
Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность:)
Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.
В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.
Для этого нужно выполнить три условия:
Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.
Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.
Аватар – это не только красивое изображение с логотипом вашей компании, а рабочий инструмент маркетолога, с помощью которого он добивается поставленных целей. Давайте разберем во всех подробностях, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с миниатюры.
Я не утверждаю, что этот прием будет работать и с вашей страницей. Мысль, которую я хочу донести, заключается в том, что способов выделиться очень и очень много, просто нужно задаться этим вопросом и проявить немного креативности. Вот, например, еще одна интересная идея, до которой я сама вряд ли бы додумалась:
Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют и в само название группы, чтобы пользователи точно обратили на него внимание.
Я рассмотрела, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я и написала этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.
По сути, на аватаре можно разместить все, что угодно. В отличие от миниатюры, здесь действительно есть где разгуляться. Главное, не злоупотребляйте этим:)
Вообще, на аватаре можно размещать абсолютно любую информацию. Я привела лишь некоторые идеи, чтобы вы могли посмотреть, что делают другие, и вдохновиться их примерами. Ну, и держите в голове основные рекомендации: аватар должен быть качественным, шрифт – крупным, а между элементами побольше «воздуха».
Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.
P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:
Виджеты тоже являются частью оформления сообщества ВК. С помощью них пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, читать и оставлять отзывы, открыть поиск по сообществу, получить подарок, купон на скидку и т. д.
Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако, мне кажется, таких людей в этой статье будет меньшинство (я, к слову сказать, тоже к ним не отношусь). Поэтому давайте подробно разберем, как же это делается, основываясь на примерах успешных компаний.
Кстати, обратите внимание, почти все известные компании «ВКонтакте» брендируют свои изображения, т. е. добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность.
У нас в блоге есть хорошая статья на эту тему – « ». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.
Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
После этого в левой части экрана выбираем шаблон, который нас интересует. Обратите внимание, бесплатно предоставляются только те шаблоны, на которых нет значка в виде алмазика.
Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.
Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.
Еще один сервис, который поможет красиво оформить свое изображение. Работает он по такому же принципу, как и предыдущий. Регистрируемся в сервисе (можно использовать свой аккаунт Google+ или электронную почту).
Выбираем свою сферу деятельности. Шаг, на котором вас просят пригласить друзей, пропускаем. Попадаем в основное меню, где выбираем запись в Facebook, если нам нужно прямоугольное фото, или запись в Instagram – если квадратное.
Выбираем шаблон (если на шаблоне стоит отметка «БЕСПЛ.», значит, он бесплатный), меняем текст.
Если нужно, загружаем свое изображение, подгоняем размеры, меняем текст, шрифт и расположение надписи. После этого жмем кнопку «Скачать», выбираем формат картинки и сохраняем ее себе на компьютер или любое другое устройство.
С недавнего времени «ВКонтакте» можно верстать статьи в специальном редакторе. Чтобы создать статью, необходимо нажать на букву «Т»:
Ну вот мы и подошли к самому интересному и одновременно сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще впервые слышат этот термин. Поэтому специально для вас я приведу определение, которое дает сам «Контакт».
Вики-разметка - язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу wiki-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы - хорошая альтернатива обычным записям и текстовой навигации. Если вам необходимо создать большую статью с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее) или добавить к ней графику, либо просто создать красочное навигационное меню по вашему сообществу - wiki незаменима.
Точно также как у Wordpress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:
С помощью этого редактора создаются навигационные меню, а также статьи с картинками, видео и аудиозаписями. Чуть ниже я разберу подробно, как работать в данном редакторе, но сначала я прошу вас добавить себе в закладки две ссылки. Они вам очень помогут в изучении вики-разметки.
Дизайн наипопулярнейшей на постсоветском пространстве социальной сети Вконтакте практически не менялся с момента её основания. Вместо того, чтобы поглощать «завтраки» разработчиков о скором редизайне сайта, лучше это сделать самому и по своему вкусу. В этом материале мы расскажем как самостоятельно изменить дизайн Вконтакте в одном из популярных браузеров.
1 . Установите бесплатное расширение Styles (прямые ссылки):
2 . Перейдите на специальную страничку «Прототип нового дизайна ВКонтакте» .
3 . Пробегитесь по всем настройкам в правой колонке. Тут, в выпадающих меню, вы сможете настроить дизайн шапки сайта, фон, логотип, диалоги, рекламные блоки и прочие элементы интерфейса, исходя из своих предпочтений (имеется даже возможность переименовать вкладки бокового меню по своему усмотрению).
4 . После всех манипуляций с настройками внизу нажмите зелёную кнопку «Install with Stylish» , а затем подтвердите действие нажатием «ОК» .
5 . После окрашивания кнопки в синий цвет и появления надписи «Style Installed!» откройте Вконтакте.
Результат вам должен понравится куда больше. В случае, если какой-то элемент вас огорчил, то возвращайтесь ко второму пункту и подправьте нужный момент. Если вы всё-таки захотите вернуться к классическому дизайну, то достаточно отключить настройку «Прототип нового дизайна ВКонтакте », сняв галочку напротив соответствующего пункта в настройках расширения. В крайнем случае расширение можно и вовсе удалить.
Рано или поздно привычное оформление сайта ВКонтакте приедается и надоедает. Это сильно влияет на восприятие информации пользователя, из-за чего становится труднее читать и писать. К сожалению, администрация ВКонтакте все еще не разработала такой возможности, как установка предпочтительной темы оформления.
Несмотря на отсутствие официальной возможности установки нового оформления для ВКонтакте, это все же возможно сделать, причем сразу несколькими способами. Для этого, что немаловажно, вам не потребуется предоставлять какую-либо личную информацию.
Сменить стандартное оформление ВКонтакте можно без особых заморочек, если придерживаться определенной цепочки действий и использовать, при этом, только доверенные способы. Заметьте, что при упоминании смены дизайна, имеется ввиду смена именно оформления, то есть, цветов и частично месторасположения элементов.
Чтобы сменить тему вы можете на выбор использовать:
На сегодняшний день из всех возможных способов индивидуального оформления страницы по-настоящему работает лишь несколько. Именно этими вариантами и стоит пользоваться, так как в таком случае вы гарантировано получаете:
В некоторых случаях существует система VIP. При таком раскладе, установка определенных тем потребует от вас финансовых затрат.
В большинстве случаев темы для ВКонтакте предоставляются полностью бесплатно. Вам необходимо лишь выбрать способ, которым вы будете эти стили устанавливать.
В общих чертах, данный интернет-обозреватель не имеет каких-либо проблем с производительностью. При этом, он предоставляет каждому пользователю совершенно бесплатно обширный каталог различных тем оформления для некоторых социальных сетей, включая ВКонтакте.
Чтобы поставить тему на VK таким образом, необходимо следовать простенькой инструкции.
Вы также можете самостоятельно создать тему оформления полностью бесплатно.
После установки темы, при каждом вашем новом входе в социальную сеть ВКонтакте через данный веб-браузер, вы будете видеть выбранное оформление, вместо стандартного.
Если по каким-то причинам вы захотите вернуть стандартное оформление ВКонтакте в этом интернет-обозревателе, делать это также нужно по определенной инструкции.
Данный способ изменения дизайна ВКонтакте уже не требует скачивания отдельного браузера, так как VKMOD – это расширение. Устанавливается данное дополнение исключительно в интернет-обозреватель Google Chrome.
При работе с данным расширением, в большинстве случаев, проблем не возникают. Однако главный недостаток VKMOD всегда остается актуальным и состоит в том, что поддерживается всего лишь один единственный веб-обозреватель, хоть и самый популярный.
Стоит обратить внимание, что данное расширение было первоначально разработано для раннего дизайна ВКонтакте. Таким образом, темы могут отображаться несколько неправильно.
В будущем данное расширение наверняка будет стабилизировано и адаптировано под новый дизайн.
Расширение Get-Style относится к такому числу дополнений, которые всегда идут в ногу со временем. Связано это с тем, что в настоящее время дизайн ВКонтакте динамично меняется – появляются различные новые элементы или перемещаются в другое место уже существующие, но на Гет-Стайл по прежнему публикуются качественные стили.
Что же касается данного расширения – оно поддерживает как старый дизайн VK, так и абсолютно новый. При этом, существенных багов при использовании дополнения Get-Style не наблюдается.
В связи с радикальными изменения ВКонтакте, рекомендуется использовать наиболее свежие темы оформления. Благодаря этому ваша страничка будет выглядеть свежо и привлекательно.
Данное расширение является лучшим во всем интернете, так как предоставляет пользователям:
Установить и использовать данное дополнение возможно, придерживаясь подробной инструкции.
После всех проделанных действий можно приступать к установке расширения.
Обязательно обновите страницу прежде, чем устанавливать тему.
Последнее, что осталось сделать – это изменить стандартную тему ВКонтакте. Делается это крайне просто.
В большинстве случаев обновление происходит автоматически.
Данное расширение, без скромности, является лучшим среди всех дополнений, влияющих на стиль оформления социальной сети ВКонтакте. При этом, от вас требуется сделать минимум действий.
Иногда администрацией ресурса проводятся розыгрыши рейтинга. Таким образом можно получить еще больше возможностей совершенно бесплатно.
При выборе способа изменения оформления ВКонтакте рекомендуется учитывать все за и против. То есть, в некоторых случаях, например, если вы используете систему только для посещения нескольких социальных сетей, лучше всего выбрать Orbitum. Но при условии использования Яндекса, Оперы, Фаерфокса или Хрома не только для соцсетей – лучше всего установить максимально стабильное расширение.
Что в итоге выбрать – решаете только вы. Желаем вам удачи при выборе темы для ВК.
Им активно начали пользоваться люди, а одной из причин этого была возможность настройки оформления браузера.
Многие любят менять дизайн привычных программ и страниц в интернете, поэтому через поисковики часто ищут, как изменить дизайн .
Вы можете изменить дизайн страниц Вконтакте , при помощи специальных расширений и программ. Некоторые из них позволяют не только подставить красивый фон , но и полностью изменить меню. В этой статье мы рассмотрим лучшие расширения и утилиты, через которые вы сможете изменить дизайн Вконтакте.
1. Расширение .
Это самый простой способ изменить дизайн популярной социальной сети. На фоновое изображение можно поставить любую картинку, а чтобы основной интерфейс с ней не сливался, доступна функция обводки. Поддерживаются любые форматы картинок, а вы сможете сами настроить толщину обводки и прозрачность страницы.
2. Программа от .
Данный сайт предлагает скачать и установить специальную программу, которая в любом браузере изменит дизайн Вконтакте. На выбор предлагается огромная подборка разных оформлений, разделенных по категориям. Установка программы стандартная, а при желании вы легко сможете вернуть стандартное оформление в социальной сети.
3. Расширение для браузера от .
Преимущество этого дополнения заключается в том, что вы сможете выбирать темы прямо из настроек своей страницы. Каталог готовых оформлений большой и каждую из них можно добавить в расширение. Стоит отметить, что здесь предлагаются темы не только меняющие фон, но и преобразующие интерфейс.
4. Программа от .
Это самый популярный софт по смене дизайна Вконтакте. Вам потребуется установить программу, выбрать тему и после обновления страницы вы увидите её новое оформление. База различных дизайнов внушительная, а при желании можно разработать и собственную тему. Программа работает с любыми браузерами.
5. Программа от .
Ещё один качественный софт, с помощью которого можно легко изменить дизайн Вконтакте. Скачивать нужно конкретную версию программы для вашего браузера (Chrome, Opera, Mozilla, IE). Помимо того, что эта программа позволяет поменять оформление, в вашем браузере появится удобный тулбар для использования Вконтакте.
Инструкция
Internet Explorer Для изменения внешней страницы социальной сети Vkontakte найдите интересную для вас тему с расширением «.css» и сохраните ее содержимое в блокнот и буфер обмена. Затем нажмите «Сохранить как» и назовите файл так, как вам необходимо и напишите к нему расширение «.css». Именно этот файл будет отвечать за настройку внешнего вида вашей страницы. Далее в браузере Internet Explorer перейдите: «Cервис» (Tools), затем «Свойства обозревателя» (Internet options), «Общие» (General) и «Оформление» (Accesibility). После поставьте галочку возле поля «Оформлять, используя пользовательский стиль» (Format documents using my style sheet). Нажмите «Обзор» и откройте сохраненный файл. Теперь ваша страница социальной сети Vkontakte будет иметь вид выбранной вами темы. Чтобы выключить тему, снимите галочку с поля «Оформлять, используя пользовательский стиль» (Format documents using my style sheet).
OperaДля изменения внешней страницы социальной сети Vkontakte через интернет-браузер Opera, зайдите: «Инструменты»/«Настройка»/«Дополнительно»/«Содержимое»/«Параметры стиля» (Настроить стили)/«Режимы представлений» (Режимы отображения). Поставьте галочку возле поля «Моя таблица стилей». Затем скопируйте текст каскадной таблицы в блокнот или другой текстовый редактор. Нажмите «Сохранить как» и назовите файл так, как вам необходимо и напишите к нему расширение «.css». Нажмите правой кнопкой мыши в любом месте страницы Vkontakte и в открывшемся меню выберите «Изменить настройки узла» (Настройки для сайта). Во вкладке «Отобразить» (Вид) нажмите «Обзор» и укажите место, в котором вы сохранили файл с расширением «.css». Теперь ваша страница выглядит по-другому. Чтобы выключить тему на вкладке «Отобразить» (Вид) просто удалите путь к файлу и нажмите «Окей».
Mozilla FirefoxУстановите на свой браузер дополнительные настройки, перейдя по ссылке http://addons.mozilla.org/ru/firefox/addon/2108 и перезапустите Firefox. В правом нижнем углу браузера найдите и нажмите значок Stylish, выберите пункт «Создать стиль», а затем «Для Vkontakte.ru». Далее в меню «Вид» поставьте галочку возле пункта «Строка состояния». В появившемся окне в поле «Описание» впишите любое название. Затем в нижнее окно между скобками { } вставьте текст каскадной таблицы и сохраните.
Видео по теме
Связанная статья
Источники:
Второй этап на пути к себе новой – это . Если вы не привыкли краситься, то поначалу это будет сложно. Советуем также, для полной смены имиджа купить цветные контактные линзы. Они есть как с диоптриями, так и без них. И уже исходя из цвета глаз планируйте цветовую гамму своего макияжа.
Третий этап – подбор одежды. Чем дольше вы были сторонницей одного стиля, тем большее впечатление произведете на других, кардинально сменив гардероб. Однако, при подборе вещей имейте ввиду, что как бы для новый стиль для вас ни был непривычен, всё-таки эти вещи должны вам подходить. И главное, вы должны в них чувствовать себя комфортно.
Четвёртое – займитесь своей фигурой. Согласитесь, что пышечка и стройная очень отличаются внешне, поэтому, если вы излишне худая – займитесь мышц, если же чересчур полная – тоже идите в спортзал, но с целью расстаться с лишними сантиметрами.
Видео по теме
Источники:
Сегодня для разработки и оформления современного веб-сайта уже недостаточно простого языка HTML – все веб-разработчики используют удобные и функциональные таблицы стилей CSS, которые содержат набор элементов форматирования страниц, упрощают HTML-файлы, уменьшают их размер и делают более простым изменение внешнего вида веб-сайта . Изменяя стили, вы получаете массу возможностей для редактирования сайта и изменения массы его параметров за короткий промежуток времени – если вы измените параметр в стиле, он автоматически будет применен ко всем страницам сайта .
Инструкция
Добавить стили на сайт можно разными способами. Одним из них является добавление стиля – использование атрибута style, который расширяет теги веб-страницы. Использование внутреннего стиля не упрощает работу со , а напротив, делает изменение элементов страницы более сложным. Более оптимальным является использование таблиц глобальных стилей – элемента style. В данном случае вы определяете стиль в самом документе, размещая его в заголовке страницы.
Используйте таблицы глобальных стилей для того чтобы разместить все стили страницы в документе и форматировать при этом сразу большое количество элементов стиля. Здесь стоит использовать тег