Когда-то был плагин разноцветных блоков текста specialbox.
Теперь этот плагин теряет актуальность ввиду использования в MaxSite CMS Universal Atomic CSS
Можно без проблем при помощи Atomic СSS прямо в тексте статьи быстро задать нужный вид блока.
Вот только всегда хочется еще быстрее - одним кликом. Да и блоки на сайте не плохо было бы иметь однообразные и чтобы легко можно было модифицировать дизайн всех блоков на сайте сразу.
Для этого написал плагин цветных блоков color_div.
Способ работы плагина.
Плагин работает, преобразуя bb-код в блок с использованием UniCSS (Universal Atomic CSS) и Font Awesome.
В текст добавляется bb-код, определяющий тип блока:
[color_div=info][/color_div]
В настройках плагина задается шаблон, на основе которого строятся все разноцветные блоки.
<div class="bor-#COLOR# bordered rounded10 mar10 bg-#COLOR#100 pad10 hover-bg-#COLOR#300"><i class="i-#TYPE# t300 t-#COLOR#"></i><span class="t150 mar10">#TEXT#</span></div>
#TYPE# заменяется на выбранный тип блока заданного цвета #COLOR#.
Задание вида цветных блоков.
Все цветные блоки будут одинакового шаблона. Отличатся будут только иконка и цвет.
Шаблон можно подобрать по своему усмотрению при помощи UniCSS онлайн Builder.
Набор типов блоков и их цвета задается парой значений: type=>color.
info | blue warning | red download | green bookmark | brown comment | blue check | green minus-circle | orange pencil | purple plus-circle | green times-circle | red
Тип блока означает имя иконки из Font Awesome.
Можно добавлять свои типы блоков и определять произвольно цвета.
Если цвет для конкретного блока не определен - будет браться цвет по умолчанию.
Для упрощения добавления в текст bb-кода блока - в редактор записи editor_markitup добавляются кнопки в соответствии с заданными типами блоков.
Скачать.
Для истории: specialbox.zip - версия плагина, работающая в MaxSite 103.
Примеры.
info
warning
download
bookmark
comment
check
minus-circle
pencil
plus-circle
times-circle
Комментариев: 2 RSS
1 dudkin 07-05-2020 22:49
Очень полезно, я бы даже сказал, must have для блогов. Спасибо!
2 Андрей 08-05-2020 08:31
В версии 106 нормально работает?