Как добавить HTML с помощью CSS (и Javascript)?

Question

Так что я использую crm для управления блогом моего сайта, который не дает мне полной гибкости с HTML.Я пытаюсь добавить панель со значками социальных сетей после 2-го или 3-го сообщения в блоге.В таблице стилей CSS я получил доступ к сообщению, используя «.class: nth-child (3) :: after».Есть ли способ вставить полный HTML-div с использованием JavaScript, чтобы добавить панель социальной?Или я мог бы создать панель в том же html-файле и изменить местоположение на основе сообщения?

РЕДАКТИРОВАТЬ: Извините, это мой первый пост.

Прикрепление дизайна. basicDesign

Фрагмент таблицы стилей с примером веб-страницы. CSSimage

Answer 1

Итак, насколько я понимаю, вы хотите отображать значки социальных сетей после третьего сообщения в блоге?

Если вы используете конструктор шаблонов, вставьте пользовательский модуль с соответствующим HTML-кодом под модулем листинга блога.,Дайте ему класс, в данном случае -> 'social-media-blog'.

Затем с помощью некоторого jQuery вы можете просто настроить его на отображение после 3-го сообщения в блоге.

var blogSocialMedia = $('.social-media-blog');
$(".post-listing .post-item:eq(3)").after(blogSocialMedia);

Answer 2

Вам следует заглянуть в атрибут CSS content .Это позволяет вам указать элементы в вашем CSS для применения.Он часто используется вместе с :: before и :: after псевдоэлементами.