Иконки социальных сетей в Chaturbate

Иконки социальных сетей в Chaturbate

Иконки социальных сетей в Chaturbate

Недавно нам поступил вопрос о том, как сделать иконки социальных сетей в Chaturbate. Тема эта не очень то и простая, да и отвечать в личном сообщении было бы не очень честно, лучше же рассказать об этом всем, чтобы и вы могли установить в своей комнате иконки Twitter, Amazon, Tumblr, DMCA или любую другую по вашему желанию. Рекомендуем так же прочитать инструкцию как работать на Chaturbate.

Сама процедура настройки может показаться очень сложной, особенно для тех, кто никогда не сталкивалась с программированием. Здесь, конечно, мы будем заниматься не совсем программированием, а, скорее, языком разметки под названием CSS. Кто хоть раз имел дело с данным языком, не ощутит никаких трудностей настраивая иконки социальных сетей в Chaturbate, но даже если вам все это чуждо — не беда, сейчас мы все объясним.

Вот код с которым мы будем работать:

<!–Social Media Icons Start–>
<p style=“position:fixed;top:150px;left:0px;”>
<a href=“http://www.yourblogname.tumblr.com”><img src=“imageurl1.png”></a>
<a href=“http://www.twitter.com/YourTwitter”><img src=“imageurl2.png”></a>
<a href=“http://www.mywebsite.com”><img src=“imageurl3.png”></a>
</p>
<!–Social Media Icon End–>

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

Шаг 1

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

Шаг 2

Нужно раздобыть непосредственно иконки, которые вы хотите добавить на свою страницу. Для этого ищем в гугле нужную иконку, редактируем её размер в фотошопе или любой другой программе и загружаем ее на хостинг картинок. После загрузки на хостинг нам дадут ссылку, по которой размещается наша иконка. Ссылку нужно скопировать и вставить в эту строку: «<a href=“ССЫЛКА_НА_САЙТ”><img src=“ВАША_ССЫЛКА_НА_ИКОНКУ”></a>».  В поле “ССЫЛКА_НА_САЙТ” вставляем ссылку, куда буду переходить пользователи после клика на вашу иконку. Точно ту же процедуру проделываем со всеми полями.

Шаг 3 

Теперь нужно правильно расположить на своей странице иконки социальных сетей в Chaturbate. Для этого нам потребуется изменить поле «<p style=“position:fixed;top:150px;left:0px;”>«. По-умолчанию тут уже неплохо все будет смотреться, но для гурманов разберем дополнительно. Самые главные тут два параметра: top:150px и left:0px. Здесь мы устанавливаем отступы сверху и слева. Поэкспериментируйте с данными настройками, вводите разные значение и смотрите как измениться расположение иконок. Здесь все очень просто.

Теперь вы полностью настроили иконки социальных сетей в Chaturbate. В данном примере код CSS всего на три иконки, если вы хотите добавить больше, просто скопируйте данную строчку «<a href=“http://www.mywebsite.com”><img src=“imageurl3.png”></a>»  и вставьте перед строкой «</p>«. Точно таким же образом можно и удалить строки.

Похожие записи

27 Комментариев для “Иконки социальных сетей в Chaturbate

  1. Yaroslav

    Здравствуйте. Помогите разобраться пожалуйста. Сделал,как мне кажется все правильно, но иконки не появились. Скопировать у вас с сайта нельзя поэтому печатал сам. Это скриншоты:
    http://hostingkartinok.com/show-image.php?id=550fe7af0b6e7facf36d52e470a8ab90 http://hostingkartinok.com/show-image.php?id=0c4588e6c1e1e0e4afa3aaaac836f298

    1. Kovbaska

      Здравствуйте. Действительно, мы и забыли что копирование текста невозможно. Скорее всего допустили ошибку в написании. Мы скопировали данный код в текстовый файл. Скачайте его и скопируйте текст себе на страничку. А еще у вас красным отмечено поле на скриншоте. Это не правильная ссылка на изображение, возьмите второе поле «Страница с изображением (рекомендуется)». Если эффекта все равно не будет — отпишите и тогда уже будем разбираться.

  2. Yaroslav

    Спасибо большое. Все получилось. Когда я сам печатал где-то допустил ошибку. А там где ссылка на картинку я правильно указал. Из всей полоски нужно копировать и вставлять только то что после » src=’ » .Удобно копировать в блокнот а после выбирать нужный фрагмент. Получилось вот так: http://hkar.ru/JeuX.

    1. Kovbaska

      Здорово. Удачи вам в работе и хорошего заработка.

  3. annet

    как изменить размер иконки? меня в фш, а как заливаю, она огромная((

    1. Kovbaska

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

  4. Blond

    Какой размер должен быть у иконок?)

    1. Kovbaska

      Любой, какой вам нравится.

    2. Blond

      Спасибо!)

  5. как вывести картинку? она только в желании отображаеться

    1. Kovbaska

      Опишите, пожалуйста, проблему подробнее.

  6. Здравствуйте! Я копирую ссылку которая на 1 шаге. Но ее я не вижу после сохранения

    1. Kovbaska

      Здравствуйте. Её нельзя скопировать с нашего сайта. Скачайте текстовый файл с ней. Ссылка: https://cloud.mail.ru/public/6TzK/HocFsKPCy

  7. Спасибо, что ответили! Но вы меня не поняли! Я скопировала ссылку! я это сделала! Когда ее вставляю и сохраняю на сайте, слева ее не видно!!

    1. Kovbaska

      Скорее всего вы вставили данный код не в то поле. Вставлять нужно в «Обо мне». Только что проверили, всё работает.

  8. Sasha

    Добрый день , У меня даже пустые иконки не отображаются … ((( Помогите понять что я делаю не так

    1. Kovbaska

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

  9. Здравствуйте, вот опять вернулась к иконкам. Я уже писала, что не получается. Я вставляю код в «Обо мне» потом сохраняю, обновляю. И ничего не происходит. Нет ничего.

    1. Kovbaska

      Здравствуйте. Напишите сюда код который вы вставляете.

    1. Kovbaska

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

  10. я отправила, но его не вижу здесь???

    1. Kovbaska

      Ниже в комментарии мы ответили о возможной причине.

  11. irina

    я так же вставляю код , и ничего не происходит

    1. Kovbaska

      Только что проверили код. После его вставки в биографию получается вот что: http://prntscr.com/hqiru5 Код работает. Нужно только вставить свои ссылки на нужные картинки.
      Единственно причиной, почему у вас не отображается, может быть неверная ссылка на картинку. Используйте этот хостинг и копируйте ссылку с поля «Прямая ссылка» картинок и всё получится.

  12. irina

    ничего не поменялось , иконки не появились ( последнее ваше предложение вообще не поняла, что копировать куда зачем

  13. Здравствуйте, я вот хочу редактировать биографию, но у меня виснет именно это предложение. Что посоветуете ?

Добавить комментарий