Summary of features

Notifications are an essential component of any interactive admin interface, so the COLOURcode template includes a selection of popular pop-up systems as standard. Further to this is a viewport loading bar, a browser title alert, and some subtle improvements to the standard Bootstrap 3 alert/notification classes.

At a glance

  • Choose from three different pop-up notification systems.
  • Enhanced Bootstrap alert classes featuring contextual icons.
  • Includes on-element alerts as well as overlays and autoclose.

jBox plain toast notifications

Bootstrap-style alerts/notifications

jBox bordered toast notifications

Liftouts

This is some text in a paragraph tag that has been styled with the classname .liftout-note. It can be used to lift out some information from a column of text.

This is some text in a paragraph tag that has been styled with the classname .liftout-info. It can be used to lift out some information from a column of text.

This is some text in a paragraph tag that has been styled with the classname .liftout-success. It can be used to lift out some information from a column of text.

This is some text in a paragraph tag that has been styled with the classname .liftout-warning. It can be used to lift out some information from a column of text.

This is some text in a paragraph tag that has been styled with the classname .liftout-danger. It can be used to lift out some information from a column of text.

jQuery notify bar notifications

Loading bar

Browser title notifications

If you're using a modern browser like chrome or firefox, I'm updating your browser icon now with the value: