Самые красивые информационные блоки 2018 года (плагин + css)
В прошлый раз мы писали об ифонмационных блоках, которые мы выводили при помощи HTML и CSS без помощи плагинов. Теперь мы рассмотрим брлее красивый и удобный вариант при помощи плагина Standout Color Boxes and Buttons
Но на этом не всё. Плагин позволяет выводить собственный шортод [ color-box color=»mycustomcolor» ] для этого в настройках необходимо просто прписать свой css.
Советую все шорткоды вывести кнопками в редакторе статей и страниц.
А вот приведены блоки, которые работают через дополнительный CSS, который одновременно выводит свой блок шорткодом [ color-box color=»mycustomcolor» ] (как указан выше с ссылкой на статью про кнопки в редакторе) и даёт тень стандартным блокам:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
.scbb-content-box { border: 1px solid #33bbff; border-left: 20px solid #33bbff; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; padding: 15px 25px 15px 30px; color: #000; font-size: 1.1em; margin-top: 15px; background: #e9f8ff; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } |
Введите этот код в настройки плагина, сделайте выводи шорткодов в редакторе и пользуйтесь с удовольствием!
