Plugin w założeniu ma pomóc w szybkim udekorowaniu backend-owych części serwisu takich jak:
Zastosowanie go w celach frontend-owych może mieć sens ale należy Sobie odpowiedzieć na pytanie:
czy potrzebujemy tak dużego zestawu akcji?
Podstawowy przykład użycia - wszystkie zestawy:
<link rel="stylesheet" href="../../plugins/messages/messages.css" type="text/css" />
<p class="msg-info" ></p>
<p class="msg-info" >Text <span class="arrow-lb" ></span></p> <-- przykład chmurki-->
<div class="msg-info" ></div>
Poniżej prezentuję zestawienie trzech podstawowych wielkości ikon
i ich wizualizację
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus consectetuer molestie magna. Nunc molestie quam nec orci. Donec dolor ipsum, aliquet id, tempus sit amet, tincidunt ac, nunc. Nam non elit sit amet erat placerat mattis. Quisque eu lorem. Donec risus neque, tincidunt ut, adipiscing at, condimentum a, augue. Donec in purus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas rhoncus neque vitae est.