Message Box

Super User 22 January 2023 327 Hits

Add dismiss functionality to all alert messages with this plugin.

ERROR ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
INFO ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
WARNING ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
SUCCESS ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
[message_box type="error"   close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="info"    close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="warning" close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="success" close="Yes"] ADD_CONTENT_HERE [/message_box]

Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
[message_box title='MESSAGE_TITLE' type="error" close="Yes"] ADD_CONTENT_HERE [/message_box]

Quick show

Super User 22 January 2023 291 Hits
Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

Default Primary info success warning danger
[modal link="#" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="comment" type="primary" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="info-circle" type="info" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="check" type="success" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="warning" type="warning" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="refresh" type="danger" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]

Ex: element icon="user" then name of icons is "fa-user".

You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3

Syntax Highlighting

Super User 22 January 2023 386 Hits
/*-- Tablet portrait (768x1024) && Small tablet landscape (800x600) --*/
@media (min-width: 768px) and (max-width: 979px) {
    /* Block Lightbox*/
    .yt-lightbox{display: block;} iframe, iframe{width:100%;height: 300px;}
[highlighter label="CONTENT_HERE" ] ADD_CONTENT_HERE [/highlighter]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum, tortor vel scelerisque facilisis, ex orci faucibus metus, in laoreet nisl odio sed mauris. Suspendisse rhoncus fermentum leo, eget eleifend nibh lacinia in. Aliquam nisi ex, pellentesque eget augue vel, luctus semper orci. Sed a justo ipsum

We use cookies to improve our website. Cookies used for the essential operation of this site have already been set. For more information visit our Cookie policy. I accept cookies from this site. Agree