Как сделать фон страницы в вк


Как сделать фон вконтакте

Стандартный, классический фон на странице вконтакте может приесться. Хотелось бы видеть оформление в другой цветовой гамме, с красивым задним фоном, так как если видеть одно и тоже каждый день, по нескольку раз в день, это вызывает грусть и скуку. Подумайте о своем близком человеке и представьте его каждый день в одной и той же классической одеже, правда скучно?  А на свою страничку мы заходим обычно по несколько раз в день и проводим там достаточно много времени, возможно даже больше, чем с этим же близким человеком.

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

Как сделать фон вконтакте. К сожалению, для этого нужно правильно установить программу. Она полностью бесплатная. Ресурс с этим приложением имеет свой официальный сайт,  достаточно распространенный, и работающий с 2008 года. Его используют миллионы пользователей. На этом же сайте будут представлены различные фоны и темы. Для начала перейдем на него http://get-styles.ru/

Справа, посередине странички будет колонка «Информация», где хорошо заметна зеленая кнопка «СКАЧАТЬ»

Браузер может заблокировать передачу файла, потому что он увидит в нем код, меняющий его оформление на ресурсе vkontakte. В окошке, где происходит передача файла, нужно нажать «сохранить» или «принять», в зависимости от браузера.

Запускаем установку, «контроль учета записей пользователя» может переспросить о внесении изменений, жмем «Да»

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

Ресурс бесплатный, поэтому куча всяких сторонних программ нам хотят установить вместе с этой, но можно отменять, снимите галочку, с того, что предлагают в рекламе, или оставляйте, если оно вам надо, и жмем «установить»

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

Заходим на свою страничку в контакте, если вас попросят написать комментарий пишем, или просто закрываем окно. Все теперь у вас редизайн странички!

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

Изменение темы происходит только на том компьютере, за которым вы установили программу. На любом другом будет стандартная тема. Если есть вопросы, пишите в комментариях.

Подробно о том, как «ВКонтакте» сделать фон

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

Инструкция

Для начала находим подходящую тему. Далее для того чтобы изменить фон «ВКонтакте», а также сделать вашу страницу необычной, скопируйте текст таблицы, которая относится к элементу оформления, выбранному вами, в буфер. Подобный своеобразный код можно найти либо в окне темы, либо в комментарии к ней. Открываем приложение «Блокнот», вставляем скопированный текст. После этого вызываем меню «Файл», выбираем функцию «Сохранить как». Вводим произвольное имя файла, меняя расширение на «.css». Сохраняем. На следующем этапе установить фон «ВКонтакте» нам поможет браузер Internet Explorer. Запускаем приложение. Открываем меню «Сервис», выбираем функцию «Свойства обозревателя», там вкладку «Общие» и наконец раздел «Оформление». Ставим галочку напротив пункта, отвечающего за активацию пользовательского стиля. Нажимаем кнопку «Обзор», открываем файл, который был сохранен ранее. Нажимаем кнопку «OK». Перезапускаем браузер и заходим в социальную сеть. Вот и все. Теперь вы знаете один из способов того, как «ВКонтакте» сделать фон более оригинальным, а заодно придать нотку индивидуальности и другим сайтам.

Прочие браузеры

Устанавливаем программу Stylish, чтобы изменить оформление «ВК» с помощью обозревателя Mozilla Firefox. Перезапускаем браузер. Копируем текст, используя сохраненный ранее файл с выбранной темой. Заходим в меню инструмента Stylish, который разместился на панели браузера, нажимаем кнопку создания стиля для «ВК». Заполняем поле «Описание». В нижнее свободное пространство вставляем текст из материала, который содержит каскадную таблицу. Нажимаем «Сохранить» и перезапускаем браузер. Заходим в социальную сеть. Вот вам и второй вариант, как «ВКонтакте» сделать фон.

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

Непосредственная работа с фоном

Нижеописанные способы настройки можно отнести к более сложным. Для начала следует отметить, что управляет фоном атрибут background. Для того чтобы равномерно заполнить всю страницу выбранным цветом, используется особый тег стиля: «body style=» с соответствующим номером. К примеру, при введении параметра «000000» вы получите черный фон.

Графика

При помощи связки «body style» можно задать повторяющееся изображение. Указание адреса происходит в виде внутренней или внешней ссылки. Помните, что при использовании данного метода важно добиться того, чтобы не были заметны стыки между изображениями, иначе страница может выглядеть неряшливо. Доступно управление повторением рисунка. За соответствующую функцию отвечает параметр background-repeat. Расположить рисунок в необходимой части страницы помогает position. При этом координаты задаются при помощи процентного соотношения (к примеру 50 или 75%), сантиметров, пиксельной пропорции и словесной формы. Свойство background-attachment говорит о способе прокрутки изображений: совместно со страницей или нет.

Основное фото

Вот мы и разобрались с вопросом о том, как «ВКонтакте» сделать фон, однако для того чтобы добавить своей странице еще большей индивидуальности, можно, к примеру, установить необычной длины аватар. Следует отметить, что максимальный размер фотографии, которая может быть использована для этих целей, составляет 200х500 точек. Если попробовать загрузить картинку большего размера, она будет вписана пропорционально в указанные рамки. Работать с аватаром мы будем в Adobe Photoshop. Открываем приложение. Задаем нужную ширину и высоту (200х500 px). Разрешение устанавливаем побольше, а показатель цветового режима значения не имеет для нашей задачи, можно оставить 8 бит, указанные по умолчанию. Для аватара также важен фон. С него и начнем. Его можно заполнить цветом, применяя инструмент «Заливка», который расположен слева на панели, либо использовать «Градиент». Как основной фон вы можете использовать картинку. Чтобы она при вписывании не искажалась, зажимаем Ctrl и тянем за уголок, уменьшая или увеличивая изображение до необходимого размера.

Как сделать фон в контакте?

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

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

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

Для начала поговорим о безопасности. Несмотря на то, что браузеры уже худо-бедно научились распознавать вредоносные сайты, часто встречаются мошеннические ресурсы, которые предлагают вам «Быстро и бесплатно» поменять тему на вашей страничке. Если для того, чтобы изменить дизайн, вас попросят: дать пароль от своей страницы, прислать СМС сообщение или же установить программу, немедленно уходите с этого ресурса, на девяносто девять процентов это мошенники.

Переходим от теории к практике.

Сделать другой фон можно двумя способами:

  • При помощи онлайн сервисов и программ;
  • Вручную поменяв или создав файл CSS.

Рассмотрим подробнее.

При помощи программ и темы, найденной на сервисе

Программа, которая позволяет изменить фон своей страницы, называется get. Ее нужно скачать себе на жесткий диск, и установить. Можете предварительно проверить ее на вирусы, однако никакой антивирусник на нее не реагировал. Программа скачивается непосредственно на том же сайте, где и выбираете темы для оформления.

После установки программы нужно пройти по ссылке http://www.get-styles.ru/, выбрать понравившуюся вам тему, и нажать под ней надпись «Применить».

На сервисе более десяти тысяч разновидностей на любой вкус, так что вы наверняка найдете какую-то тему, на свой вкус. Появится окошко, в котором нужно нажать надпись «Добавить». Затем обновляете свою страничку в контакте, и видите, что она стала другой – поменялся фон и оформление.

Однако, есть и другие программы, которые используются для изменения фона своей страницы.

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

  • VKPlugin.
  • VKStyles.
  • ImageResizer.
  • Get-Stayles.

Как они работают? VKPlugin и VKStyles сделаны именно для сайта В контакте, и для повышения удобства его использования. После установки данных программ, они после запуска сами расскажут пользователю, что и как делать. Также у них в запасе есть уже готовые темы, и, если вам какая-то понравилась, то поставить ее на свою страничку можно будет одним кликом мыши.

ImageResizer и Get-Stayles более универсальные, так как, с их помощью, вы можете изменить внешний вид фона почти всех сайтов. Их принцип работы в том, что программы заменяют графические файлы (изображения), которые по умолчанию стоят на сайте, на те, которые вы выбрали. Но есть и минус – эти изменения будут заметны только на том компьютере, на котором установлены программы.

Как поменять фон страницы в контакте своими руками?

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

Конечно, новичку такая задача может показаться невыполнимой, поскольку создание этого файла подразумевает использование платных программ для веб-разработки сайтов, однако это не совсем так. Для создания CSS файла достаточно использовать даже обычную простейшую программу «Блокнот», которая присутствует в любой версии Windows, она автоматически ставиться при ее начальной инсталляции.

Найти и запустить ее можно достаточно просто – нужно лишь нажать на кнопку «Пуск», в меню выбрать «Программы», или же «Все программы», затем нажать на вкладку «Стандартные». Там и находится Блокнот, запускаете его.

Пишете в него нужный код и сохраняете файл с расширением CSS (для этого вверху слева жмете на Файл – сохранить как), в поле имени файла вводите его имя, и обязательно переходите на английский язык. После названия ставите точку и пишете буквы CSS. Все, файл создан.

Новичку желательно скачать и установить понравившийся дизайн из сайта vktema.net, а при желании, если вы человек творческий, можете переделать код файла архива темы на свой вкус, даже изменить картинку фона – все в ваших руках! Ограничений для полета фантазии практически нет. На этом же сайте подробно описано, как установить любую тему на самые популярные браузеры — Mozilla Firefox, Opera, Internet Explorer.

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

Помните один важный момент. Если вы скачали файл стилей темы с другого источника, и дается только непосредственно его код, а не архив, нужно выделить весь код, скопировать его (ctrl+C), и вставить в Блокнот (ctrl+V). Затем сохраняете в виде файла с расширением CSS (как описано выше).

Видео уроки

Установи уникальную тему для ВКонтакте. Сделай свою страничку яркой!

array ( 0 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247265', 'published' => '1', 'user_id' => '1469137', 'name' => 'Gray Garden: Kcalb and Et', 'dir' => '38285856', 'res' => '', 'new' => '1', 'popular' => '64', 'date_create' => '2017-06-26 02:59:59', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Неудачные', 'type_id' => '668', 'type_pos' => '24', 'role_id' => '1', 'username' => 'SummonerRobert', 'newtype' => '668', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 1 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247193', 'published' => '1', 'user_id' => '1142772', 'name' => 'Mercedes SLSGold', 'dir' => '26301397', 'res' => '', 'new' => '1', 'popular' => '1183', 'date_create' => '2017-06-22 22:29:20', 'rate' => '0', 'template' => '7', 'comment_count' => '1', 'locked' => '0', 'type_name' => 'Авто.Техника', 'type_id' => '12', 'type_pos' => '6', 'role_id' => '1', 'username' => 'Viktor1945', 'newtype' => '12', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 2 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247154', 'published' => '1', 'user_id' => '1467864', 'name' => 'd gray man', 'dir' => '84237456', 'res' => '', 'new' => '1', 'popular' => '2406', 'date_create' => '2017-06-20 16:54:19', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Аниме ^_^', 'type_id' => '5', 'type_pos' => '7', 'role_id' => '1', 'username' => 'jeinifer12', 'newtype' => '5', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 3 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247113', 'published' => '1', 'user_id' => '854564', 'name' => 'Good back', 'dir' => '15899319', 'res' => '', 'new' => '1', 'popular' => '4926', 'date_create' => '2017-06-18 17:11:21', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Эротика', 'type_id' => '16', 'type_pos' => '11', 'role_id' => '1', 'username' => 'ckrewort', 'newtype' => '16', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 4 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247091', 'published' => '1', 'user_id' => '1399705', 'name' => 'AnimeRed', 'dir' => '47241543', 'res' => '', 'new' => '1', 'popular' => '2929', 'date_create' => '2017-06-17 01:40:12', 'rate' => '0', 'template' => '7', 'comment_count' => '2', 'locked' => '0', 'type_name' => 'Аниме ^_^', 'type_id' => '5', 'type_pos' => '7', 'role_id' => '1', 'username' => 'sergei221994', 'newtype' => '5', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 5 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247086', 'published' => '1', 'user_id' => '1466967', 'name' => 'Клементина и Эй Джей', 'dir' => '97468450', 'res' => '', 'new' => '1', 'popular' => '331', 'date_create' => '2017-06-16 22:17:50', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Компьютерные игры', 'type_id' => '9', 'type_pos' => '13', 'role_id' => '1', 'username' => 'santakiller26', 'newtype' => '9', 'moderator_id' => '1379679', 'dir_catalog' => 'templates/_userbg2/', )), 6 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '247075', 'published' => '1', 'user_id' => '1466201', 'name' => 'HD', 'dir' => '36649100', 'res' => '', 'new' => '1', 'popular' => '247', 'date_create' => '2017-06-15 23:53:32', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Минимализм', 'type_id' => '21', 'type_pos' => '15', 'role_id' => '1', 'username' => 'stanislav_loshakov', 'newtype' => '21', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 7 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246879', 'published' => '1', 'user_id' => '930982', 'name' => 'Cold Valley', 'dir' => '62513177', 'res' => '', 'new' => '1', 'popular' => '504', 'date_create' => '2017-06-04 16:13:53', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Другие', 'type_id' => '670', 'type_pos' => '24', 'role_id' => '1', 'username' => 'Roudy', 'newtype' => '670', 'moderator_id' => '1379679', 'dir_catalog' => 'templates/_userbg2/', )), 8 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246871', 'published' => '1', 'user_id' => '854564', 'name' => 'Red swipe', 'dir' => '17865717', 'res' => '', 'new' => '1', 'popular' => '600', 'date_create' => '2017-06-03 21:44:37', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Абстракция', 'type_id' => '13', 'type_pos' => '5', 'role_id' => '1', 'username' => 'ckrewort', 'newtype' => '13', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 9 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246832', 'published' => '1', 'user_id' => '1097315', 'name' => 'World of Warcraft', 'dir' => '82927073', 'res' => '', 'new' => '1', 'popular' => '754', 'date_create' => '2017-06-01 01:34:17', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Компьютерные игры', 'type_id' => '9', 'type_pos' => '13', 'role_id' => '1', 'username' => 'Valli331', 'newtype' => '9', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 10 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246764', 'published' => '1', 'user_id' => '1202544', 'name' => 'graniuglyliniiobem3d', 'dir' => '26107004', 'res' => '', 'new' => '1', 'popular' => '953', 'date_create' => '2017-05-27 21:21:58', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Абстракция', 'type_id' => '13', 'type_pos' => '5', 'role_id' => '1', 'username' => 'ArionRey', 'newtype' => '13', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 11 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246733', 'published' => '1', 'user_id' => '1341720', 'name' => 'Сlosed Zone Yellow Black', 'dir' => '59137468', 'res' => '', 'new' => '1', 'popular' => '82', 'date_create' => '2017-05-25 20:04:00', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Неудачные', 'type_id' => '668', 'type_pos' => '24', 'role_id' => '1', 'username' => 'Larin_D', 'newtype' => '668', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 12 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246702', 'published' => '1', 'user_id' => '1209506', 'name' => 'Richard Kruspe', 'dir' => '8707600', 'res' => '', 'new' => '1', 'popular' => '19', 'date_create' => '2017-05-23 08:50:14', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Неудачные', 'type_id' => '668', 'type_pos' => '24', 'role_id' => '1', 'username' => 'polina_007', 'newtype' => '668', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), 13 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246691', 'published' => '1', 'user_id' => '1448910', 'name' => 'BattleField 4', 'dir' => '51282918', 'res' => '', 'new' => '1', 'popular' => '41', 'date_create' => '2017-05-22 16:41:36', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Неудачные', 'type_id' => '668', 'type_pos' => '24', 'role_id' => '1', 'username' => 'MASTERPAT', 'newtype' => '668', 'moderator_id' => '1379679', 'dir_catalog' => 'templates/_userbg2/', )), 14 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246608', 'published' => '1', 'user_id' => '1458768', 'name' => 'мой волчара', 'dir' => '5572913', 'res' => '', 'new' => '1', 'popular' => '572', 'date_create' => '2017-05-17 10:39:16', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Другие', 'type_id' => '670', 'type_pos' => '24', 'role_id' => '1', 'username' => 'bkmzdf1234', 'newtype' => '670', 'moderator_id' => '690003', 'dir_catalog' => 'templates/_userbg2/', )), 15 => stdClass::__set_state(array( 'reconstruction' => '0', 'id' => '246580', 'published' => '1', 'user_id' => '1424126', 'name' => 'DFD', 'dir' => '9527113', 'res' => '', 'new' => '1', 'popular' => '56', 'date_create' => '2017-05-15 13:05:09', 'rate' => '0', 'template' => '7', 'comment_count' => '0', 'locked' => '0', 'type_name' => 'Неудачные', 'type_id' => '668', 'type_pos' => '24', 'role_id' => '1', 'username' => 'dante2016', 'newtype' => '668', 'moderator_id' => '884442', 'dir_catalog' => 'templates/_userbg2/', )), ) Комментарии [0] Применить

Good back

Автор: ckrewort

Установлена: 4926 раз

Комментарии [0] Применить

HD

Автор: stanislav_loshakov

Установлена: 247 раз

Комментарии [0] Применить

Cold Valley

Автор: Roudy

Установлена: 504 раз

Комментарии [0] Применить

Red swipe

Автор: ckrewort

Установлена: 600 раз

Комментарии [0] Применить

DFD

Автор: dante2016

Установлена: 56 раз


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