Главная Блог
Блог Chaturbate Models

Как добавить иконки социальных сетей

alt

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

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

<!–Social Media Icons Start–>

<p style=“position:fixed;top:150px;left:0px;”>

<a href=“http://www.twitter.com/your_twitter”><img src=“imageurl1.png”></a>

<a href=“https://www.facebook.com/your_profile”><img src=“imageurl2.png”></a>

<a href=“https://www.instagram.com/your_account”><img src=“imageurl3.png”></a></p>

<!–Social Media Icon End–>

Шаг первый

После копирования кода вам нужно его вставить в раздел «Биография» на сайте Chaturbate и сохранить изменения (вроде само собой разумеется, а часто из-за невнимательности забывают это сделать).

В левой части экрана вы увидите непонятные картинки – не переживайте, все идет по плану.

Шаг второй

Поищите в поисковых системах дизайн иконок, которые вы хотите видеть в своем личном кабинете. Когда найдете исходное изображение, отредактируйте его в графическом редакторе и загрузите на фото хостинг. Можете использовать imgur.comimageshack.uspiccy.info или другой сервис.

Когда отредактированная иконка будет загружена на хостинг, скопируйте ссылку на нее и вставьте в коде <img src= “здесь_ссылка_на_изображение“>, а в коде <a href=“сайт“> вставьте ссылку на интересующую социальную сеть для перехода пользователями на вашу страничку.
Вставлять необходимо внутри кавычек ”здесь вставляемая ссылка на соц.сеть или изображение”.

Пример:
<a href=“ссылка_на_социальную_сеть“><img src= “ссылка_на_изображение“></a>

Шаг третий

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

Так выглядят данные по умолчанию:

<p style=“position:fixed;top:150px;left:0px;”>

Для их изменения нужно экспериментировать с такими параметрами, как top:150px и left:0px. Это отступы, когда вы меняете их значение, расположение иконок тоже меняется.

Итог

В примере, описанном выше, мы рассмотрели добавление иконок twitter, facebook и instagram. Если вам не хватает еще каких-то социальных сетей, например, livejournal, myspace и т.д., можете без проблем добавить их иконки. Вы ведь уже в курсе, как и что делать, поэтому последующие действия не вызовут у вас вопросов, пройдут без труда и займут немного времени.