Shortcodes

List player

wait what — notorious xx (2009)

Cras sodales dui id est sagittis varius! Mauris tempor convallis mollis. Phasellus placerat facilisis tristique. Sed et vulputate est. Nam sodales porttitor ullamcorper? Proin posuere, ligula sit amet luctus semper, velit sapien tincidunt nunc, at feugiat nunc dui vitae nisl. Morbi et sem volutpat, faucibus orci eget, porttitor sapien.

Error when use shortcodes audio mp3 and  player list  on the pager


[playerlist title="TITLE_PLAYERLIST"] 
[player_item src='MP3_SRC' song="SONG_NAME" artist="ARTIST_NAME"]
[player_item src='MP3_SRC' song="SONG_NAME" artist="ARTIST_NAME"]
[player_item src='MP3_SRC' song="SONG_NAME" artist="ARTIST_NAME"]
[/playerlist]

Our skills

Photoshop85%
Wordpress80%
marketing90%
[skill width='WIDTH_SKILL' no_number="yes|no"]
[skill_item title='TITLE_SKILL' number='85']
[skill_item title='TITLE_SKILL' number='80']
[skill_item title='TITLE_SKILL' number='90']
[/skill]

Carousel

[carousel width="auto" height="250" align="none" count="3" control="yes"] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [/carousel]

Tooltip

Nulla ac convallis ipsum. Nulla tellus erat, venenatis in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum. Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[tooltip link="#" title='TITLE' position='top']ADD_CONTENT_HERE [tooltip]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='warning']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='primary']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='info']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='success']ADD_CONTENT_HERE[[/button]

Customization Options / Features

  • Link : Link for website
  • Position : Select position align (top, bottom,left,right)
  • Type : Select type color (warning, primary, info, success)
  • Title : Text in tooltip

Slideshow

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='800' height='350' align='none' count="3"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='400' height='250' align='left' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='400' height='250' align='right' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

Customization Options / Features

  • Width : The width for slideshow
  • Height : The height for slideshow
  • Align : Select position align (left, right, none)
  • Src : The image (jpg, png, gif) source, the url should be from site root, eg: "images/.../abc.jpg".
  • Title : Title of the item, display as heading of item caption.
  • Caption : "caption=no" Not show Title, content of the item Slideshow.

Quick show

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

Newsletter

Quas mattis tenetur illo suscipit, eleifend praesentium impedit!
Top
We use cookies to improve our website. By continuing to use this website, you are giving consent to cookies being used. More details…