Notifications

Kategorie: Shortcodes Geschrieben von Super User Zugriffe: 869

Use any number of notifications shortcodes within your Joomla articles or modules.
They can easily be added inside the editor by using Notifications shortcode form located under text editor or by adding shortcodes directly. Notification can be combined with icons, border types or border radius as well.

Notifications colors

shortcode:

[yjsgnote color="red" close="no" title="Title" border="default" radius="0" icon=""]
Some text...
[/yjsgnote]

Notification red

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notification green

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notification blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notification yellow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notification gray

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notification dark

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notification clear

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notifications with close button

shortcode:

[yjsgnote color="red" close="yes" title="Title" border="default" radius="0" icon=""]
Some text...
[/yjsgnote]

Notifications with close button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notifications with icon

shortcode:

[yjsgnote color="red" close="yes" title="Title" border="default" radius="0" icon="fa fa-heart fa-lg"]
Some text...
[/yjsgnote]

Notifications with icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notifications with border radius

shortcode:

[yjsgnote color="blue" close="yes" title="Title" border="default" radius="radiusb5" icon="fa fa-camera fa-lg"]
Some text...
[/yjsgnote]

Notifications with border radius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notifications dashed with border radius

shortcode:

[yjsgnote color="blue" close="yes" title="Title" border="dashedb" radius="radiusb5" icon="fa fa-camera fa-lg"]
Some text...
[/yjsgnote]

Notifications dashed with border radius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notifications dotted with border radius

shortcode:

[yjsgnote color="green" close="yes" title="Title" border="dottedb" radius="radiusb5" icon="fa fa-camera fa-lg"]
Some text...
[/yjsgnote]

Notifications dotted with border radius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Notifications double with border radius

shortcode:

[yjsgnote color="green" close="yes" title="Title" border="doubleb" radius="radiusb5" icon="fa fa-camera fa-lg"]
Some text...
[/yjsgnote]

Notifications double with border radius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.