Как сделать оформление на Chaturbate? Часть 2. См. Часть 1 тут.
Код для вставки на сайт.
1. Фон.
🧡 <ul rel="nofollow" style="width:100%; position:relative; margin:10px auto auto -150px; background:fixed; background-image:url(url_адрес_картинки); background-repeat:no-repeat; background-size: cover; rel=" target="_blank"><br rel="nofollow"<p>
(*там, где сейчас 10px - отступ стандартной части сайта, который будет "наплывать" на фон, чем он меньше, тем больше будет видно фона до прокрутки вниз. Там, где -150px - отступ левого края картинок (которые будут поверх фона, см. пункт 3) от центра фона. Если сделать -0, картинка будет посередине, если +200 - ближе к правому краю, и т.д.).
Изображения поверх фона будут скроллиться, фон останется на месте.
2. Подготовленное оформление jpeg или png файлами.
*сначала нужно подготовить одну или несколько картинок, которые вы вставите в био. Сделать их проще всего на canva.com (или приложение Canva на смартфоне. Есть бесплатная версия).
Заранее продумайте ширину и высоту картинки, ширина должна быть одинаковая для всех в серии. Тогда удобно будет вставить несколько картинок подряд.
Если сделать png-файл с прозрачным фоном, тогда непрозрачные части картинки будут как-будто "лететь" вверх при перемотке страницы. Для этого случая неплохо использовать подходящий фон (см.1 пункт).
💚 <img style="width: 100%; object-fit: contain;object-position: center; border-radius: 0.5rem;" rel="nofollow" src="url_адрес_вашей_картинки" target="_blank">
❗️👆Мы подготовили для вас специально код, который сделает картинки адаптивными к масштабу страницы и экрану пользователя!❗️
Вместе с картинками можно использовать gif или видео файлы, но важно помнить, что такие файлы сильно "утежеляют" страницу, и для них сложнее найти хостинг.
Где хостить подготовленные картинки для оформления? Бесплатные хостинги изображений можно легко найти в инете, но также можно загрузить их прямо в альбом Чатура, и взять URL-адрес картинки оттуда.
3. Интерактивные ссылки картинкой.
Чтобы вставить любую ссылку в любую картинку в Био, можно воспользоваться кодом:
💜 <a href="ссылка" target="_blank"><img style="position:fixed;left:5px;bottom:500px; width:50px; height:50px;" src="url_адрес_картинки"_blank"></a>
(*там, где left и bottom, можно заменить на right, top, bottom и left по своему усмотрению. В любом случае, от лева/права/верха/низа будут отсчитываться отступы: между краем значка и краем всего оформления, где сейчас 5px, и между центром значка и его удаленностью от границ, где сейчас 500px).
Как видите, код - не очень сложная штука. Гораздо сложнее продумать и создать дизайн оформления. Про это будет наш следующий пост ✌️😻.
👉 А также, напоминаем, что оформление на Chaturbate можно заказать в нашем боте - @manygarantbot.
🐈⬛... Кажется, что-то вебкамное. Manytips
>>Click here to continue<<