Одноклассники в отличии от социальной сети вконтатке, не позволяют вставить нам в текст поста различные символы. А ведь это увеличивает не только внимание читателя, но и позволяет сделать ссылки более кликабельными. Пусть иконки не пройдут в тексте, но спец символам везде дорога. В таблице ниже отобраны лишь те, которые отображаются во многих популярных браузерах. Убрал из таблицы всё лишнее, и теперь она перед Вами.
Как и где применять html спецсимволы в рекламе?
Например, когда мы составляем рекламу, можно обернуть её несколькими спец символами, а в месте где присутствует ссылка, добавит элемент: ►. Наглядно это может выглядеть так:
Самые вкусные рецепты находятся здесь. Присоединяйтесь бесплатно!
А вот и таблица html спецсимволов:
Источник: leadinlife.info
HTML-КОДЫ ДЛЯ TAPLINK | Как ими пользоваться? | Большая библиотека готовых HTML-кодов
Как создать кнопки соц.сетей в HTML/CSS
Это ещё одна статья, в которой мы предоставляем вам отличные примеры создания уникальных элементов дизайна. Сегодня мы поговорим о такой вещи как кнопки социальных сетей для сайта.
Вообще социальные сети являются неотъемлемой частью для каждого сайта, особенно для продающих landing-page. Именно они обеспечивают сайт основной клиентской базой и чаще всего являются основной формой связи с администрацией сайта.
Кнопки соцсетей для сайта на чистом CSS
Кнопки социальных сетей для сайта сделанные на чистом CSS с применением иконок Font Awesome. Посмотрите на моё решение — возможно это именно то что вы ищите.
Социальные сети стали неотъемлемой частью современного интернета. Своим понятным функционалом они массово завлекли пользователей вызвав у них зависимость.
Хочу поделиться с достопочтенной аудиторий кнопками социальных сетей для сайта на чистом CSS и Font Awesome, которые я делал подгоняя стили целый день.
Кнопки социальных сетей
Набор круглых кнопок
Посидел денёк подбирая тени и стили для кнопок соцсетей. Теперь вот хочу поделиться с вами своим вариантом круглых кнопочек соцсетей:
Чтобы вставить кнопки на сайт, добавьте через HTML код нужных вам соцсетей.
Для тех кто плохо разбирается в HTML, подскажу что код одной кнопки соцсети состоит из трёх строк.
В классе открывающегося тега div есть названия соцсетей на английском. Ненужные кнопки можно удалить, а нужные отсортировать в том порядке который вас устраивает.
Надеюсь с вставкой HTML-кода кнопок разберётесь.
Ссылка на соц сеть
Теперь чтобы вставить ссылку на ваш профиль, канал или группу — нужно в атрибуте href вместо символа # вставить ссылку на вашу соцсеть. Будьте внимательны чтобы не удалить двойную кавычку, которая должна быть перед и в конце ссылки.
Красивый код на Python #айти #shorts
Так же обязательно добавьте CSS, чтобы ваши кнопки работали так же как в моём примере.
Код CSS
CSS кнопок добавляется в файл CSS темы или шаблона вашего сайта. Место для вставки кода CSS не принципиально. Можете вставлять код в самый низ файла css с новой строки.
Начиная со строки 15 идут стили для кнопок. Можете удалить ненужные вам соцсети.
Например:
.github a:hover
Набор квадратных кнопок
Так же если вам не нравятся круглые кнопки, предложу вариант квадратных кнопок:
Источник: v3c.ru