{"id":81,"date":"2012-11-20T10:50:19","date_gmt":"2012-11-20T10:50:19","guid":{"rendered":"http:\/\/ghostpool.com\/wordpress\/buddy\/?page_id=81"},"modified":"2012-11-20T10:50:19","modified_gmt":"2012-11-20T10:50:19","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/club.runthrough.co.uk\/features\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"\n

Accordion Panels<\/a>
\n
Activity Streams<\/a>
\n
Audio\/Videos<\/a>
\n
Author Info<\/a>
\n
Blockquotes<\/a>
\n
Buttons<\/a>
\n
Columns<\/a>
\n
Contact Form<\/a>
\n
Dividers<\/a>
\n
Dropcaps<\/a>
\n
Galleries<\/a>
\n
Images<\/a>
\n
Lists<\/a>
\n
Logged In\/Out<\/a>
\n
Login Form<\/a>
\n
Notifications<\/a>
\n
Posts<\/a>
\n
Register Form<\/a>
\n
Related Posts<\/a>
\n
Sidebars<\/a>
\n
Sliders<\/a>
\n
Tabs<\/a>
\n
Text Boxes<\/a>
\n
Toggle Boxes<\/a><\/p>\n

[divider]<\/p>\n

Audio\/Videos<\/h3>\n

[two]<\/p>\n

YouTube Video<\/h4>\n

[\/two]<\/p>\n

[two_last]<\/p>\n

Vimeo Video<\/h4>\n

[\/two_last]<\/p>\n

[clear]<\/p>\n

[two]<\/p>\n

Self-hosted Flash Video<\/h4>\n

[\/two]<\/p>\n

[two_last]<\/p>\n

Self-hosted HTML5 Video<\/h4>\n

[\/two_last]<\/p>\n

[clear]<\/p>\n

[one]<\/p>\n

MP3 File<\/h4>\n

[\/one]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[video url=\"http:\/\/youtu.be\/wOUgRif7JRc\" width=\"420\" height=\"243\"]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
url<\/td>\n<\/td>\n<\/td>\nYes<\/td>\nThe URL of your video<\/td>\n<\/tr>\n
html5_1<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe HTML5 video URL for Chrome\/Safari (MP4\/WEBM)<\/td>\n<\/tr>\n
html5_2<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe HTML5 video URL for FireFox\/Opera (OGG\/OGV)<\/td>\n<\/tr>\n
priority<\/td>\nflash, html5<\/td>\nflash<\/td>\n<\/td>\nChoose whether the video player loads in flash or HTML5 by default<\/td>\n<\/tr>\n
image<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe URL of your video thumbnail<\/td>\n<\/tr>\n
width<\/td>\n<\/td>\n560<\/td>\nYes<\/td>\nThe width of your video<\/td>\n<\/tr>\n
height<\/td>\n<\/td>\n315<\/td>\nYes<\/td>\nThe height of your video<\/td>\n<\/tr>\n
controlbar<\/td>\nbottom, over, top, none<\/td>\nbottom<\/td>\n<\/td>\nControl bar display options<\/td>\n<\/tr>\n
autostart<\/td>\ntrue, false<\/td>\nfalse<\/td>\n<\/td>\nChoose whether your video starts automatically<\/td>\n<\/tr>\n
icons<\/td>\ntrue, false<\/td>\ntrue<\/td>\n<\/td>\nChoose whether the video play icon is shown<\/td>\n<\/tr>\n
stretching<\/td>\nfill, exactfit, uniform, none<\/td>\nfill<\/td>\n<\/td>\nChoose how your video is stretched in the video player<\/td>\n<\/tr>\n
align<\/td>\nalignleft, alignright, aligncenter<\/td>\nalignleft<\/td>\n<\/td>\nThe alignment of your video<\/td>\n<\/tr>\n
plugins<\/td>\n<\/td>\n<\/td>\n<\/td>\nAdd any code that is required to load plugins for the video player, for more information click here<\/a>.<\/td>\n<\/tr>\n
skin<\/td>\n<\/td>\n\/lib\/scripts\/mediaplayer\/fs39\/fs39.xml<\/td>\n<\/td>\nThe URL to your video player skin<\/td>\n<\/tr>\n
player<\/td>\n<\/td>\n\/lib\/scripts\/mediaplayer\/player.swf<\/td>\n<\/td>\nThe URL to your video player<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

Author Info<\/h3>\n\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div> \n

[author]<\/code><\/p>\n

[divider]<\/p>\n

Blockquotes<\/h3>\n

[bq_left]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[\/bq_left]<\/p>\n

Monotonectally extend an expanded array of alignments whereas client-based channels. Synergistically extend optimal technologies whereas B2B communities. Enthusiastically seize enterprise-wide interfaces rather than viral total linkage. Seamlessly drive ubiquitous applications without tactical mindshare. Continually. Collaboratively foster client-centered architectures before fully researched e-tailers. Holisticly envisioneer turnkey supply chains vis-a-vis premium markets. Dynamically brand accurate communities before process-centric customer service. Credibly architect backend portals before cost effective e-tailers. Conveniently brand. Authoritatively matrix top-line e-tailers without team building expertise. Proactively target focused channels and tactical value. Assertively synergize tactical opportunities before compelling portals. Appropriately re-engineer magnetic channels rather than premier e-business. Enthusiastically whiteboard virtual solutions vis-a-vis just in time meta-services. Completely exploit premium testing procedures without state of the art strategic theme areas. Appropriately envisioneer 24\/365 services via cross-media communities.<\/p>\n

[bq_right]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[\/bq_right]<\/p>\n

Synergistically extend vertical methodologies and corporate manufactured products. Phosfluorescently synthesize bleeding-edge customer service through market-driven quality vectors. Energistically mesh. Proactively repurpose bricks-and-clicks content via backend technologies. Efficiently benchmark user friendly strategic theme areas after e-business services. Proactively communicate global niche markets for 24\/7 sources. Dynamically morph business solutions via global intellectual capital. Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital. Credibly pursue ethical paradigms after leading-edge deliverables. Professionally productivate fully tested solutions vis-a-vis efficient portals. Assertively leverage other’s standards compliant e-tailers through synergistic scenarios. Appropriately scale client-focused vortals via.<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n
[[bq_left]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[\/bq_left]] \n\nCompletely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.\n\n[[bq_right]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[\/bq_right]]\n\nCompletely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.<\/pre>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

Columns<\/h3>\n

[one]<\/p>\n

1<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus.[\/one]<\/p>\n

[clear]<\/p>\n

[[one] Text [\/one]]<\/code><\/p>\n

[clear]<\/p>\n

[two]<\/p>\n

1\/2<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper.[\/two]<\/p>\n

[two_last]<\/p>\n

1\/2<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper.[\/two_last]<\/p>\n

[clear]<\/p>\n

[[two] Text [\/two]] [[two_last] Text [\/two_last]]<\/code><\/p>\n

[clear]<\/p>\n

[three type=”separate”]<\/p>\n

1\/3<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[\/three]<\/p>\n

[three type=”separate”]<\/p>\n

1\/3<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[\/three]<\/p>\n

[three_last type=”separate”]<\/p>\n

1\/3<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[\/three_last]<\/p>\n

[clear]<\/p>\n

[[three type=\"separate\"] Text [\/three]] [[three type=\"separate\"] Text [\/three]] [[three_last type=\"separate\"] Text [\/three_last]]<\/code><\/p>\n

[clear]<\/p>\n

[four type=”joint”]<\/p>\n

1\/4<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/four]<\/p>\n

[four_middle type=”joint”]<\/p>\n

1\/4<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/four_middle]<\/p>\n

[four_middle type=”joint”]<\/p>\n

1\/4<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/four_middle]<\/p>\n

[four_last type=”joint”]<\/p>\n

1\/4<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/four_last]<\/p>\n

[clear]<\/p>\n

[[four type=\"joint\"] Text [\/four]] [[four_middle type=\"joint\"] Text [\/four_middle]] [[four_middle type=\"joint\"] Text [\/four_middle]] [[four_last type=\"joint\"] Text [\/four_last]]<\/code><\/p>\n

[clear]<\/p>\n

[five type=”joint”]<\/p>\n

1\/5<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/five]<\/p>\n

[five_middle type=”joint”]<\/p>\n

1\/5<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/five_middle]<\/p>\n

[five_middle type=”joint”]<\/p>\n

1\/5<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/five_middle]<\/p>\n

[five_middle type=”joint”]<\/p>\n

1\/5<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/five_middle]<\/p>\n

[five_last type=”joint”]<\/p>\n

1\/5<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/five_last]<\/p>\n

[clear]<\/p>\n

[[five type=\"joint\"] Text [\/five]] [[five_middle type=\"joint\"] Text [\/five_middle]] [[five_middle type=\"joint\"] Text [\/five_middle]] [[five_middle type=\"joint\"] Text [\/five_middle]] [[five_last type=\"joint\"] Text [\/five_last]]<\/code><\/p>\n

[clear]<\/p>\n

[twothirds]<\/p>\n

2\/3<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus. [\/twothirds]<\/p>\n

[onethird_last]<\/p>\n

1\/3<\/h4>\n

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[\/onethird_last]<\/p>\n

[clear]<\/p>\n

[[twothirds] Text [\/twothirds]] [[onethird_last] Text [\/onethird_last]]<\/code><\/p>\n

[clear]<\/p>\n

[onefourth]<\/p>\n

1\/4<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[\/onefourth]<\/p>\n

[threefourths_last]<\/p>\n

3\/4<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat.[\/threefourths_last]<\/p>\n

[clear]<\/p>\n

[[onefourth] Text [\/onefourth]] [[threefourths_last] Text [\/threefourths_last]]<\/code><\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[two]Insert your text here[\/two]] [[two_last]Insert your text here[\/two_last]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
type<\/td>\nblank, separate, joint<\/td>\nblank<\/td>\n<\/td>\nThe type of column<\/td>\n<\/tr>\n
text_align<\/td>\ntext-left, text-right, text-center<\/td>\ntext-left<\/td>\n<\/td>\nThe text alignment in columns<\/td>\n<\/tr>\n
height<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe height of your columns in px, em or %<\/td>\n<\/tr>\n
padding<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe column padding in px, em or % (top,right,bottom,left e.g 20,10,20,50)<\/td>\n<\/tr>\n
margins<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe column margins in px, em or % (top,right,bottom,left e.g 20,10,20,50)<\/td>\n<\/tr>\n
background<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe background colour and\/or image of your column (e.g. background=”#eee” or background=”#000 url(IMAGE URL)”)<\/td>\n<\/tr>\n
border<\/td>\ntrue, false<\/td>\ntrue<\/td>\n<\/td>\nChoose whether to display a border around joint and separate columns<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

[two]<\/p>\n

Contact Form<\/h3>\n

[contact email=”#”]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[contact email=\"test@email.com\"]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
email<\/td>\n<\/td>\n<\/td>\nYes<\/td>\nThe email address to send your form to<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]
\n[\/two]<\/p>\n

[two_last]<\/p>\n

Sidebars<\/h3>\n

[sidebar name=”cs-shortcode-sidebar”]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[sidebar name=\"Shortcode Sidebar\"]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
name<\/td>\n<\/td>\ndefault<\/td>\nYes<\/td>\nThe name of your sidebar<\/td>\n<\/tr>\n
width<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe width of your sidebar<\/td>\n<\/tr>\n
align<\/td>\nalignnone<\/td>\nalignnone, alignleft, alignright, aligncenter<\/td>\n<\/td>\nThe alignment of your sidebar<\/td>\n<\/tr>\n
text<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe text displayed if no widgets have been added to the sidebar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]
\n[\/two_last]<\/p>\n

[divider]<\/p>\n

Images<\/h3>\n

[three type=”separate”]<\/p>\n

Left Aligned Image<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” width=”200″ align=”alignleft”][\/three]<\/p>\n

[three type=”separate”]<\/p>\n

Center Aligned Image<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” width=”200″ align=”aligncenter”][\/three]<\/p>\n

[three_last type=”separate”]<\/p>\n

Right Aligned Image<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” width=”200″ align=”alignright”][\/three_last]<\/p>\n

[clear]<\/p>\n

[four type=”separate” height=”236″]<\/p>\n

Preloaded Image<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” width=”150″ preload=”true”][\/four]<\/p>\n

[four type=”separate” height=”236″]<\/p>\n

Positioned Image<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” width=”150″ bottom=”0″ right=”0″ mtop=”20″][\/four]<\/p>\n

[four type=”separate” height=”236″]<\/p>\n

Image With Border<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” width=”150″ border=”true”][\/four]<\/p>\n

[four_last type=”separate” height=”236″]<\/p>\n

Lightbox Video<\/h5>\n

[image url=”wp-content\/uploads\/placeholder1.png” lightbox=”video” link=”http:\/\/vimeo.com\/36006533″ width=”150″][\/four_last]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[image url=\"wp-content\/uploads\/placeholder1.png\" width=\"200\" align=\"alignleft\"]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
url<\/td>\n<\/td>\n<\/td>\nYes<\/td>\nThe URL of your image<\/td>\n<\/tr>\n
width<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe width of your image<\/td>\n<\/tr>\n
height<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe height of your image<\/td>\n<\/tr>\n
link<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe link to your image<\/td>\n<\/tr>\n
target<\/td>\n_self, _blank<\/td>\n<\/td>\n<\/td>\nChoose whether your link opens in a new window<\/td>\n<\/tr>\n
border<\/td>\ntrue, false<\/td>\ntrue<\/td>\n<\/td>\nChoose whether to display a border around your image<\/td>\n<\/tr>\n
align<\/td>\nalignleft, alignright, aligncenter<\/td>\n<\/td>\n<\/td>\nThe alignment of your image<\/td>\n<\/tr>\n
margins<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe image margins in px, em or % (top,right,bottom,left e.g. 10,20,15,10)<\/td>\n<\/tr>\n
top<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe top position of your image<\/td>\n<\/tr>\n
bottom<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe bottom position of your image<\/td>\n<\/tr>\n
left<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe left position of your image<\/td>\n<\/tr>\n
right<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe right position of your image<\/td>\n<\/tr>\n
alt<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe alternate image text<\/td>\n<\/tr>\n
title<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe link title<\/td>\n<\/tr>\n
lightbox<\/td>\nnone, image, video<\/td>\nnone<\/td>\n<\/td>\nChoose what the lightbox content is<\/td>\n<\/tr>\n
preload<\/td>\ntrue, false<\/td>\nfalse<\/td>\n<\/td>\nChoose whether your image preloads<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

[two]<\/p>\n

Tabs<\/h3>\n\n\t\t\t
\n\t\t\t\t
\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. In et leo ut lacus auctor facilisis a vitae diam. Proin viverra congue ultricies. Aliquam elit nunc, rutrum id ultrices et, rutrum a eros. Morbi id sapien ante, at eleifend quam. Quisque ac magna metus. Morbi dictum, enim sed molestie scelerisque, ligula felis ullamcorper ante, in molestie elit ante a enim. Phasellus blandit cursus est at pharetra.\nNullam id massa eu neque pulvinar faucibus. Fusce massa sapien, placerat nec pretium non, gravida ut urna. Duis semper ante sapien. Proin cursus placerat turpis quis tempor. Curabitur at est at nunc sodales vehicula. Curabitur ut porttitor metus. Fusce mi erat, dictum at blandit nec, vehicula sed enim. In suscipit dapibus ipsum nec lacinia. Nam pretium consequat tellus malesuada dapibus. Aliquam vitae justo turpis.\n\t\t<\/div>\n\n\t\t
\n\t\t\tIn vel dui consectetur leo rhoncus sollicitudin. Praesent auctor dictum laoreet. Aliquam ultrices lacus id ligula suscipit aliquet vitae at diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque euismod, elit sit amet vestibulum porta, ligula nulla sollicitudin magna, non vestibulum justo quam quis libero.\n\t\t<\/div>\n\n\t\t
\n\t\t\tPellentesque sed dolor dolor, vel luctus odio. Pellentesque auctor suscipit diam nec suscipit. In consectetur ullamcorper purus, quis pretium ante tincidunt at. Nullam sollicitudin turpis erat, eu dignissim nisi. Mauris ut facilisis enim. Quisque purus augue, commodo vitae malesuada eu, mollis vitae leo. Duis at nisl ut nulla scelerisque semper at eu dui. Etiam viverra consequat blandit. In hac habitasse platea dictumst. Proin feugiat enim non libero commodo et tincidunt dui dictum. Sed tempor iaculis condimentum. Aliquam vel semper odio. Vivamus adipiscing arcu eu enim facilisis nec suscipit nisi vulputate. Cras at est mi, quis sollicitudin massa. Mauris posuere magna at arcu tincidunt eget ultrices sem lobortis. Integer ut lacus lorem, eu interdum augue. Aliquam consequat, risus id euismod cursus, diam lorem tincidunt metus, a varius turpis turpis ac tellus. Suspendisse pulvinar hendrerit leo a egestas. Etiam aliquam adipiscing orci, ut eleifend lorem tincidunt eu.\n\t\t<\/div>\n\t\t\t<\/div> \n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[tabs]
\n[tab title=\"Title 1\"]Insert your text here[\/tab]
\n[tab title=\"Title 2\"]Insert your text here[\/tab]
\n[tab title=\"Title 3\"]Insert your text here[\/tab]
\n[\/tabs]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
title<\/td>\n<\/td>\n<\/td>\nYes<\/td>\nThe title of your tab<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[\/two]<\/p>\n

[two_last]<\/p>\n

Accordion Panels<\/h3>\n

[accordion][panel title=”Vestibulum ante ipsum”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[\/panel][panel title=”Quam suscipit”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[\/panel][panel title=”Donec ullamcorper ipsum”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[\/panel][panel title=”Nullam mattis urna eu”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[\/panel][\/accordion]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[accordion]
\n[panel title=\"Title 1\"]Insert your text here[\/panel]
\n[panel title=\"Title 2\"]Insert your text here[\/panel]
\n[panel title=\"Title 3\"]Insert your text here[\/panel]
\n[\/accordion]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
title<\/td>\n<\/td>\n<\/td>\nYes<\/td>\nThe title of your accordion panel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[\/two_last]<\/p>\n

[divider]<\/p>\n

Buttons<\/h3>\n

[three]
\nSmall Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three_last]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three_last]<\/p>\n

[clear]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three_last]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three_last]<\/p>\n

[clear]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three_last]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three_last]<\/p>\n

[clear]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three]<\/p>\n

[three_last]
\n
Small Button<\/a>
\n
Medium Button<\/a>
\n
Large Button<\/a>
\n[\/three_last]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[button link=\"#\" color=\"darkblue\"]Click Here[\/button]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
link<\/td>\n<\/td>\n<\/td>\nYes<\/td>\nThe link your button goes to<\/td>\n<\/tr>\n
color<\/td>\nyellow, darkgrey, blue, darkblue, mediumblue, red, limegreen, teal, brown, orange<\/td>\nmediumblue<\/td>\n<\/td>\nThe colour of your button<\/td>\n<\/tr>\n
size<\/td>\nsmall, medium, large<\/td>\nmedium<\/td>\n<\/td>\nThe size of your button<\/td>\n<\/tr>\n
target<\/td>\n_self, _blank<\/td>\n_self<\/td>\n<\/td>\nChoose whether the link opens in a new window<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

Lists<\/h3>\n

[three][list] [li type=”icon-caret-right”]List 1[\/li] [li type=”icon-caret-right”]List 2[\/li] [li type=”icon-caret-right”]List 3[\/li] [\/list][\/three]<\/p>\n

[three][list] [li type=”icon-ok”]List 1[\/li] [li type=”icon-ok”]List 2[\/li] [li type=”icon-ok”]List 3[\/li] [\/list][\/three]<\/p>\n

[three_last][list] [li type=”icon-thumbs-up”]List 1[\/li] [li type=”icon-thumbs-up”]List 2[\/li] [li type=”icon-thumbs-up”]List 3[\/li] [\/list][\/three_last]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[list] [li type=\"icon-caret-right\"]List 1[\/li] [li type=\"icon-caret-right\"]List 2[\/li] [li type=\"icon-caret-right\"]List 3[\/li] [\/list]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
type<\/td>\nUse any of the icon names here<\/a><\/td>\nicon-caret-right<\/td>\n<\/td>\nThe bullet style for list items<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

Notifications<\/h3>\n

[notification type=”default”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in. Ut quis lacus vitae sem sodales facilisis. Morbi vel ipsum eget nulla vestibulum pulvinar. Fusce quis orci massa, sit amet hendrerit nibh. ivamus luctus, quam quis dapibus molestie, turpis dui semper lorem, id ultrices turpis enim et sapien. Suspendisse potenti.[\/notification]<\/p>\n

[two] [notification type=”help”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[\/notification]<\/p>\n

[notification type=”success”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[\/notification] [\/two]<\/p>\n

[two_last] [notification type=”error”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[\/notification]<\/p>\n

[notification type=”warning”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[\/notification] [\/two_last]<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[notification type=\"default\"]Insert text here[\/notification]]<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
type<\/td>\ndefault, warning, error, help, success<\/td>\ndefault<\/td>\n<\/td>\nThe type of notification<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[divider]<\/p>\n

[two]<\/p>\n

Dividers<\/h3>\n

[divider]
\n[[divider]]<\/code><\/p>\n

[top_divider]
\n[[top_divider]]<\/code><\/p>\n

[small_divider]
\n[[small_divider]]<\/code><\/p>\n

[clear]
\nThere’s nothing to see here! This divider breaks up content without any visible divider.
\n[[clear]]<\/code>
\n[\/two]<\/p>\n

[two_last]<\/p>\n

Dropcaps<\/h3>\n

[dropcap_1]D[\/dropcap_1]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
\n[dropcap_2]D[\/dropcap_2]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
\n[dropcap_3]D[\/dropcap_3]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
\n[dropcap_4]D[\/dropcap_4]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
\n[dropcap_5]D[\/dropcap_5]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.<\/p>\n

[clear]<\/p>\n

[toggle title=”Options & Code”]<\/p>\n

Example<\/h4>\n

[[dropcap_1]I[\/dropcap_1]]nsert your text here<\/code><\/p>\n

Options<\/h4>\n\n\n\n\n\n
Option<\/th>\nValues<\/th>\nDefault Value<\/th>\nRequired<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
color<\/td>\n<\/td>\n<\/td>\n<\/td>\nThe dropcap text colour<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/toggle]<\/p>\n

[\/two_last]<\/p>\n

[divider]<\/p>\n

Galleries<\/h3>\n

This is a standard WordPress shortcode, for the full list of options click here<\/a>.<\/p>\n

[clear]<\/p>\n

Normal Gallery<\/h5>\n\n\t\t