Цветные блоки на основе UniCSS - плагин для MaxSite CMS

Когда-то был плагин разноцветных блоков текста 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 добавляются кнопки в соответствии с заданными типами блоков.

Скачать.

Примеры.