fonia.fm

Shortcodes

Lightbox Examples

Add lightbox popups for images. You can add images, Youtube videos, and Vimeo – even inline content.
[one_fourth][lightbox link=”wp-content/uploads/2011/12/sample2.jpg”]

Image Example

[/lightbox][/one_fourth] [one_fourth][lightbox link=”http://www.youtube.com/watch?v=qqXi8WmQ_WM”]

Youtube Example

[/lightbox] [/one_fourth] [one_fourth] [lightbox link=”http://vimeo.com/27495689″]

Vimeo Example

[/lightbox] [/one_fourth] [one_fourth_last] [lightbox link=”#inline-test”]

Inline Content Example

[/lightbox] [/one_fourth_last]


 

Button Shortcodes

Create buttons. Different preset sizes, custom colors and more. All with the touch of a button.

[button link=”#” variation=”dark” size=”small” target=”self”]Small Button[/button]   [button link=”#” variation=”dark” size=”medium” target=”self”]Medium Button[/button]   [button link=”#” variation=”dark” size=”large” target=”self”]Large Button[/button]   [button link=”#” variation=”dark” size=”huge” target=”self”]Huge Button[/button]

 

[one_half]

Preset Button Colors

[button link=”#” color=”red” size=”small” target=”self”]Red Button[/button]   [button link=”#” color=”orange” size=”small” target=”self”]Orange Button[/button]   [button link=”#” color=”yellow” size=”small” target=”self”]Yellow Button[/button]   [button link=”#” color=”green” size=”small” target=”self”]Green Button[/button]   [button link=”#” color=”blue” size=”small” target=”self”]Blue Button[/button]    [button link=”#” color=”purple” size=”small” target=”self”]Purple Button[/button] [/one_half]

[one_half_last]

Custom Button Colors

[button link=”#” background=”#BF6E9B” size=”small” target=”self”]#BF6E9B[/button]   [button link=”#”  background=”#8ACE5C” size=”small” target=”self”]#8ACE5C[/button]   [button link=”#”  background=”#d2d65a” size=”small” target=”self”]#d2d65a[/button]   [button link=”#”  background=”#20D0AB” size=”small” target=”self”]#20D0AB[/button]   [button link=”#”  background=”#C60108″ size=”small” target=”self”]#C60108[/button]  [/one_half_last]


 

Feature Tabs Shortcodes

[tabs tab1=”Customize” tab2=”Brand” tab3=”70+ Fonts”]
[tab]

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.

[/tab] [tab]

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.

[/tab] [tab]

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.

[/tab] [/tabs]
 
[divider]Even These Dividers are Shortcodes[/divider]

Column Shortcodes

Full Width

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque.

[one_half]

One Half Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[/one_half]

[one_half_last]

One Half Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[/one_half_last]

[one_third]

One Third Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_third]

[one_third]

One Third Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_third]

[one_third_last]

One Third Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_third_last]

[one_fourth]

One Fourth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth]

[one_fourth]

One Fourth Shortcode

Mauris eleifend est et turpis.  Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth]

[one_fourth]

One Fourth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth]

[one_fourth_last]

One Fourth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth_last]

[one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth]

[one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth]

[one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth]

[one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth]

[one_fifth_last]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth_last]

[one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth]

[one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth]

[one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth]

[one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth]

[one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth]

[one_sixth_last]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth_last]