Что можно разместить в виде кнопки-ссылки?
✔️ Кнопка с просьбой подписаться со ссылкой на профиль Литнет. Это самый распространённый вариант использования.
✔️ Личный сайт или соц.сети. У меня кнопка-ссылка, ведущая на VK.
✔️ Кнопка «Прочитать другие книги» со ссылкой на Литнет или другие разрешённые сайты и самиздаты.
Ограничения по сайтам:
- Литнет запрещает делать ссылки на сайт «Призрачные миры».
- На «Книгоман» только с разрешения владельцев.
- На «Автор.Тудей» не то что, ссылки запрещено делать. Там даже размещаться запрещено одновременно с порталом Литнет. Эта история в стиле Монтекки и Капулетти — заслуживает отдельной статьи.
Ссылки на сторонние ресурсы можно разместить в разделе «Обо мне», а также в аннотации к любой книге или рассказу.
Чтобы получить красивую кнопку, надо скопировать код понравившегося варианта и вставить в поле редактирования текста.
Кнопка № 1
Большая кнопка с возможностью менять цвет фона, текста, радиус скругления и высоту:
Чтобы получить такую кнопку, надо этот текст вставить в окно редактирования текста:
<a class="btn btn-block" href="Ссылка на ресурс в этих кавычках" style="background-color:#dd2a7b; color:#fff; font-weight:bold; border-radius:5px; height:35px; line-height:35px; padding:0;">А здесь вставь название кнопочки</a>
Меняем настройки кнопки
1. Цвет кнопки:
Сначала выберете необходимый цвет. Для этого посмотрите в интернете варианты по запросу «HTML цвета». Скопируйте шестизначный код понравившегося цвета и замените в коде кнопки.
2. Цвет текста в кнопке:
В данном примере используется fff — это белый. Его тоже можно заменить на тот, который вам нравится. Выбираете цвет, копируете номер, меняете в части кода выше.
Вот пример изменения цветов:
3. Радиус скругления:
Можно круглее кнопку сделать, увеличивая этот показатель. Соответственно, если поставить здесь вместо 5 — 0, то кнопка будет прямоугольная, с правильными 90-градусными углами.
4. Высота кнопки и межстрочный интервал:
Если хотите увеличить размер кнопки, то меняйте оба значения.
Поменяем для примера в нашей кнопке радиус скругления и размер:
Обратите внимание
У Литнет есть несколько вариантов использования: сайт с компьютера, мобильная версия сайта с телефона и приложение.
Информация, размещённая на самиздате, соответственно, подстраивается под каждое разрешение и формат, и выглядит по-разному.
Например, моя кнопка:
В приложении кнопка в аннотации отображается в виде ссылки. В разделе «Обо мне» в приложении искажений не будет: вы получите тоже кнопку, не ссылку.
Поэтому, после вставки кода смотрите итоговый вариант на сайте через ПК, телефон, а также в приложении, чтобы оценить «смотрибельность» со всех сторон.
Кнопка № 2
Большая кнопка с градиентной заливкой:
Про смайлики на Литнет читай статью:
📌 Как правильно загрузить книгу на Литнет? ➕ про эмодзи
Код данной кнопки:
<a class="btn btn-block" href="ВАША ССЫЛКА ТУТ" rel="nofollow" target="_blank" style="background: radial-gradient( #7FFFD4 51%, #191970);font-sixe: 1/2em;font-family: sans-serif; color: #FFFFFF"> НАЗВАНИЕ КНОПКИ</a>
Например, поменяем на другие два цвета и заменим прозрачность с 51% на 10%:
Кнопка № 3
Маленькая кнопка фирменного цвета Литнет. Для тех, кто любит минимализм.
Я её использовала в разделе «Обо мне». Код кнопки:
<a class="btn btn-purp" href="Сюда вставляем ссылку" rel="nofollow" target="_blank">А здесь название кнопки</a>
Всем вдохновения и красивых кнопок-ссылок!
Яркий визуал для ваших историй ↓
#писатель #автор #писательство #литнет #самиздат
