Как в контакте добавить веб сайт


Как добавить веб-сайт в ВК

  На персональной странице социальной сети ВКонтакте, можно добавить любую ссылку: на сайт, канал ютуб, группу или сообщество, а так же на страницу из другой соц-сети или форум.

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

  Добавить ссылку на сайт на страницу VK очень просто и сейчас я поэтапно расскажу как это сделать.


Веб-сайт на странице ВК

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


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

 

 Подводим курсом мышки напротив пункта "Основная информация", где при наведении появится ссылка для редактирования. Кликаем на данную ссылку:

 

Открывается панель редактирования, где сначала слева в меню переходим на раздел: "Контакты", где в пункте "Личный сайт" прописываем или вставляем нужную вам ссылку и жмём на "Сохранить":

 

После чего на вашей странице ВК появится указанная вами ссылка:

Записи по теме

Как создать группу на ВК Инструкция как создать группу ВК. Добавьте в меню пользователя пункт Мои Группы, чтобы была возможность заходить на страницу ваших сообществ, где и находится кнопка Создать группу.

 

 

Как создать контактную форму с помощью CSS

/ * Стиль ввода с type = "text", элементы выбора и текстовые поля * /
input [type = text], select, textarea {
width: 100%; / * Полная ширина * /
отступ: 12 пикселей; / * Некоторые отступы * /
border: 1px solid #ccc; / * Серая рамка * /
радиус границы: 4 пикселя; / * Закругленные границы * /
box-sizing: border-box; / * Убедитесь, что отступ и ширина остаются на месте * /
маржа сверху: 6 пикселей; / * Добавляем верхнее поле * /
margin-bottom: 16px; / * Нижнее поле * /
resize: vertical / * Разрешить пользователю для изменения размера текстового поля по вертикали (а не по горизонтали) * /
}

/ * Стиль кнопки отправки с определенным цветом фона и т. д. * /
input [type = submit] {
background-color: # 4CAF50;
цвет: белый;
отступ: 12 пикселей 20 пикселей;
граница: отсутствует;
радиус границы: 4 пикселя;
курсор: указатель;
}

/ * При наведении курсора мыши на кнопку отправки, добавить более темно-зеленый цвет * /
input [type = submit]: hover {
цвет фона: # 45a049;
}

/ * Добавьте цвет фона и немного отступы вокруг формы * /
.контейнер {
border-radius: 5px;
цвет фона: # f2f2f2;
отступ: 20 пикселей;
}

.

Как создать контакт Раздел


Узнайте, как создать адаптивный раздел контактов для веб-страниц.


Связаться с отделом

Попробуй сам "

Создание раздела контактов

Шаг 1) Добавьте HTML:

Пример



Свяжитесь с нами


Зайдите за чашкой кофе или оставьте нам сообщение:






















Шаг 2) Добавьте CSS:

Пример

* {
размер коробки: рамка-рамка;
}

/ * Стиль ввода * /
input [type = text], select, textarea {
ширина: 100%;
отступ: 12 пикселей;
граница: сплошная 1px #ccc;
margin-top: 6 пикселей;
нижнее поле: 16 пикселей;
изменение размера: вертикальное;
}

ввод [type = submit] {
цвет фона: # 4CAF50;
цвет: белый;
отступ: 12 пикселей 20 пикселей;
граница: отсутствует;
курсор: указатель;
}

input [type = submit]: hover {
background-color: # 45a049;
}

/ * Стиль контейнера / контактной секции * /
.контейнер {
border-radius: 5px;
цвет фона: # f2f2f2;
отступ: 10 пикселей;
}

/ * Создаем два столбца, плавающих рядом друг с другом * /
.column {
float: left;
ширина: 50%;
margin-top: 6 пикселей;
отступ: 20 пикселей;
}

/ * Очистить числа с плавающей запятой после столбцов * /
.row: after {
content: "";
дисплей: таблица;
ясно: оба;
}

/ * Адаптивный макет - когда экран меньше 600 пикселей в ширину, сделайте два столбца стопкой друг на друга, а не рядом * /
@media screen и (max-width: 600 пикселей) {
.столбец, ввод [type = submit] {
ширина: 100%;
margin-top: 0;
}
}

Попробуй сам "

.

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера