You can add this shortcode in the header for a little dropdown where you can insert some informations, the shortcode [nd_alert] contains inside it the shortcode [nd_alert_message] :
[nd_alert image='' class='' float='' id='' margin='' dropdown-bg-color='' number-bg-color='' number='']
[nd_alert_message image='' class='' href='' title='' title-color='' description='' description-color='']
[/nd_alert]
FIELD | DESCRIPTION |
image | the image path that you want to us as icon, Example : http://www.mydomain.com/image.jpg |
class | the name of your custom class, use this parameter if you want to edit the shortcode design with some custom css rules |
float | set the align of your shortcode, Example : left or right |
id | you custom id name, use this parameter if you want to edit the shortcode design with some custom css rules |
margin | set the margin that you want to use for your shortcode, Example : 10px 15px ( top/bottom / left/right ) |
dropdown-bg-color | backround color of the dropdown, Example : #000 |
number-bg-color | backround color of the number, Example : #000 |
number | the number that you want to show, Example : 4 |
FIELD | DESCRIPTION |
image | the image path that you want to for your message, Example : http://www.mydomain.com/image.jpg |
class | the name of your custom class, use this parameter if you want to edit the shortcode design with some custom css rules |
title | the title text |
title-color | color of the title, Example : #1c1c1c |
description | the description text |
description-color | color of the description, Example : #ccc |
href | the link of your message, Example : http://www.mydomain.com/ |
Example of all shortcode :
[nd_alert number='4' number-bg-color='#c19b76' margin='15px 10px' float='right']
[nd_alert_message href='http://www.yourdomain.com' image='http://www.yourdomain.com/image.jpg' title='This is the title 1' description='Read More']
[nd_alert_message href='http://www.yourdomain.com' image='http://www.yourdomain.com/image.jpg' title='This is the title 2' description='Read More']
[nd_alert_message href='http://www.yourdomain.com' image='http://www.yourdomain.com/image.jpg' title='This is the title 3' description='Read More']
[/nd_alert]