• Обратная связь
  • Карта сайта
  • Отзыв
  • Комментарии
  • Форум
discord
Технические заметки
  • Главная
  • Лекции
  • Практикум
  • Обзоры
  • Сравнение
  • Нормы
  • События
  • Вход
ГлавнаяMaxSite CMS
Обзор самых дешевых приборов пожарной сигнализации.
Похожие по меткам страницы для MaxSite CMS

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

15 марта 2019 г.Просмотров: 2502Комментарии: 2
MaxSite CMSMaxSiteПлагин

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

Скачать.

color_div_1.zip

Для истории: specialbox.zip - версия плагина, работающая в MaxSite 103.

Примеры.

info

warning

download

bookmark

comment

check

minus-circle

pencil

plus-circle

times-circle

  • Плагины MaxSite CMS
    • Плагин profile личного кабинета для MaxSite CMS
    • Плагин My_ESP8266 для MaxSiteCMS.
    • Версия 02 плагина My_ESP8266 для MaxSiteCMS.
    • Настраиваемое облако меток для MaxSite CMS.
    • Загрузка файлов комъюзерами - плагин для MaxSite CMS.
    • Пользовательские пункты в меню и breadcrumbs в MaxSite CMS.
    • Плагин личного кабинета комюзера profile2 для MaxSite CMS .
      • Алгоритм расстановки пожарных извещателей согласно СП 484
    • Плагин алфавитный каталог для MaxSite CMS
    • Цветные блоки на основе UniCSS - плагин для MaxSite CMS
    • Похожие по меткам страницы для MaxSite CMS
    • Плагин форума Dialog для MaxSite CMS.
    • Галерея изображений для MaxSite CMS Taggallery-2-0
    • Галерея изображений для MaxSite CMS Taggallery-2-5
    • Плагин tags_tree дерева меток для MaxSite CMS
    • Плагин CSV Banner для импорта списка товаров AliExpress в MaxSite CMS

Еще записи по теме

Плагин CSV Banner для импорта списка товаров AliExpress в MaxSite CMS
Плагин CSV Banner для импорта списка товаров AliExpress в MaxSite CMS
Новая версия плагина галерей для MaxSite CMS Taggallery-2.2.
Новая версия плагина галерей для MaxSite CMS Taggallery-2.2.
Компонент для MaxSite CMS, создающий в header коллаж из изображений
Компонент для MaxSite CMS, создающий в header коллаж из изображений
Создание коллажа изображений Taggallery на MaxSite CMS.
Создание коллажа изображений Taggallery на MaxSite CMS.
Галерея изображений для MaxSite CMS Taggallery-2-0
Галерея изображений для MaxSite CMS Taggallery-2-0
Новая версия плагина галерей для MaxSite CMS Taggallery-2.1
Новая версия плагина галерей для MaxSite CMS Taggallery-2.1

Комментариев: 2 RSS

1 dudkin 07-05-2020 22:49

Очень полезно, я бы даже сказал, must have для блогов. Спасибо!

2 Андрей 08-05-2020 08:31

В версии 106 нормально работает?

Оставьте комментарий.

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question


Выберите для анонимного комментирования (комментарий будет опубликован после проверки).

     

  

Выберите если нужно войти или зарегистрироваться и оставить комментарий от своего аккаунта.

Войти, используя

(обязательно)

Подписка на новости
discord

Email:

Регистрация

Вход через
Разделы
  • Пожарная сигнализация123
    • Инструкции13
    • Проекты2
  • Автоматика54
  • Отопление33
  • Мониторинг30
  • Электрика16
  • Пожаротушение31
  • Умный дом32
  • Arduino12
  • Гаджеты32
  • MaxSite CMS26
Актуальное
  • СП 484
  • Автоматизация теплого пола
  • Болид vs Рубеж
  • С2000-АСПТ
  • ПЦН в кармане
  • Системы противопожарной зашиты
  • Cloud IoT
  • Проектирование
  • Программирование
  • Ссылки
Последние комментарии
9+10 ошибок при монтаже автоматической системы пожаротушения на основе С2000-АСПТ
  • Аноним » Любопытно, первая страница инструкции на АСПТ содержит "БЛОК ПРИЁМНО–КОНТРОЛЬНЫЙ И УПРАВЛЕНИЯ АВТОМАТИЧЕСКИМИ СРЕДСТВАМИ ПОЖАРОТУШЕНИЯ «С2000-АСПТ»", т.е. АСПТ является ПКУ. Читаем...
  • Андрей » "Блок" же. Не "прибор".
Идеальное техническое решение по противопожарной автоматике в разделе ЭОМ
  • Виктор Чекавин » У исполнительных модулей Рубежа МДУ-1 какая то конструктивная болячка с залипшими реле. Такому давать сертификат подсудное дело. Если программно добавлено...
  • Андрей » Ну так санкции. В таких условиях, когда снипы-хрипы накладывают требования, невыполнимые в текущем социально-экономичес ком развитии общества, я считаю вообще надо...
Контроллер теплых полов Beok CCT-10 с AliExpress для зонального отопления
  • Андрей » Здравствуйте. Видимо неправильно собраны контроллеры по логической схеме ИЛИ в цепь управления котлом. Надо нормально разомкнутые контакты выхода на котел соединить...
Последние загрузки
Все загрузки
Дискуссии на форуме
  • Выбор ОПС для коттеджа
  • Отключение питания раздвижных дверей при пожарном сценарии.
  • Подключение люков дымоудаления Mercor
Реклама

Coffee machine Nivona CafeRomatica NICR 520 capuchinator maker automatic kitchen appliances goods Kapuchinator for kitchen

Hiseeu 1080P Wireless PTZ Speed Dome IP Camera WiFi Outdoor Two Way Audio CCTV Security Video Network Surveillance Camera P2P

LCD 5A Wall-Hung Gas Boiler Heating Temperature Programmable Thermostat Battery Powered Thermoregulator with backlight

Пожарка 124 Проектирование 95 Болид 64 Лекции 58 Социальное 53 Рубеж 49 Обзор 46 Автоматика 44 Инженерные системы 38 Курьез 35 Адресные системы 34 Практикум 34 Отопление 33 Пожаротушение 33 Интернет Вещей 29 MaxSite 28 Терморегуляторы 24 ГОСТ 24 Облачный Сервис 24 Мониторинг 22 Теплый пол 21 Плагин 21 Сравнение 20 AliExpress 20 ППУ 20 СП 484 19 Законы Ома 19 Техобслуживание 19 Вентиляция 18 Эксплуатация 18 Астра 17 ППК 17 Клапана 15 С2000-АСПТ 14 Электрика 14 Оповещение 13 Рубикон 13 Arduino 13 WiFi 12 С2000М 12 Ritm 11 Датчики 11 Гранд Магистр 11 Насосная Станция 10 ESP8266 10 Юнитест 10 ПЦН 9 ВЭРС 9 Авария 8 Сценарии 8 Жилой дом 8 Программирование 7 Taggallery 7 Сообщества 7 Диспетчеризация 7 Отзыв 7 Освещение 6 Плазма-Т 6 Спрут-2 5 Гаджеты 5 С2000-СП4 5 ПО 5 Радиоканал 4 GeoRITM 4 МПН 4 МПТ 4 ИПДЛ 3 Рубеж-2ОП 3 Visio 3 Гранит 3 Учет ресурсов 3 РИП 3 Баня 3 Navigard 3 My_ESP8266 3 Версет 3 Firesec3 3 Security Hub 2 Гидравлика 2 Zigbee 2 ТО 2
  • Обратная связь
  • Карта сайта
  • Отзыв
  • События
  • Комментарии
  • Форум
© Технические заметки 2025. Работает на MaxSite CMS. ( Вход )
Автор не несет ответственность за последствия применения материалов сайта на практике.