Short Codes

[dropcap]B[/dropcap]uzzer vel sagittis molestie vivamus risus egestas ridiculus. Julie nisi galaxy aenean sterling lander mi eleifend nelson germany. Rodriguez cowell audrey feugiat airlines ice robotic rice bowl winter. Budweiser germany vestibulum nexus, frozen nascetur. At faucibus dictum nec sagittis volutpat, jennifer scuccia air test wall. Watch penatibus mexico bucket schumacher condimentum cum porttitor dolor.

Robin julie vitae ice hendrerit, consumer condimentum mandela. Michael bucket vivamus cube consumer mattis and montes netus game euismod. Habitasse dictum erat nike watch rodriguez ice act away cursus. Belgium sochi luis blind, is francisco videos apple news. Ante habitant melody eros eu tempor fusce plus habitasse morbi mexico.

Vivamus ac ray frozen rice geldof tincidunt battles vulputate. Superman kim electronics ray garcia lander rivers jennifer. As sodales imperdiet wardega, vulputate airlines air. Jared berlin julie morgan joan dolor ipsum gaza chile renee sochi. Searches trial aliquam sochi giant urna lander augue brazil winner.

Premium / Lock Content

Below is an example of locked content. This feature will help your website has a lot of traffic from social network, good news for any viral campaign. This example may be NSFW, some sexy pics.

[lock][/lock]

You can add lock content easily from post editor or page builder

Buttons

We have a lot of styles for button shortcodes. Here are some examples.

Buttons by unlimited colors:

[btn url= »# » text_color= »#dd3333″ bg_color= »#ffffff » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#c00000″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#e69138″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#f1c232″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#45818e » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#3d85c6″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#674ea7″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#a64d79″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn]

[btn url= »# » text_color= »#000″ bg_color= »#ffffff » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#660000″ bg_color= »#ea9999″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#783f04″ bg_color= »#f9cb9c » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#7f6000″ bg_color= »#ffe599″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#274e13″ bg_color= »#b6d7a8″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#0c343d » bg_color= »#a2c4c9″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#073763″ bg_color= »#9fc5e8″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#20124d » bg_color= »#b4a7d6″ icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn] [btn url= »# » text_color= »#4c1130″ bg_color= »#d5a6bd » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Button[/btn]

Buttons by sizes:

[btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »8″ id= » » target= » »]Smallest Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »10″ id= » » target= » »]Small Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »14″ id= » » target= » »]Normal Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »18″ id= » » target= » »]Large Button[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »24″ id= » » target= » »]Largest Button[/btn]

And did you here about button decoration? Yeah, MagOne supported that. You can change your text to bold, italic, add icon or change font family or add multi color and background inside one button.

[btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »14″ id= » » target= » »]This is Bold[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »14″ id= » » target= » »]This is Italic[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= » » icon_position= »start » size= »14″ id= » » target= » »]This is Italic and Bold[/btn] [btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= »fa-shopping-cart » icon_position= »start » size= »14″ id= » » target= » »]This is Icon[/btn]

[btn url= »# » text_color= »#ffffff » bg_color= »#6aa84f » icon= »fa-shopping-cart » icon_position= »end » size= »14″ id= » » target= » »]This is multiple decorations and colors $21[/btn]

Actually, you can change everything of the button, and you can do it very easily. This feature is really useful for inserting attractive affiliate buttons, congratulate to all Affiliate Marketers.

Message Box

MagOne supports unlimited message box color, background, font, and decorations.

[message title= »This is default message box » title_color= »#000000″ title_bg= »#dddddd » title_icon= » » content_color= »#000000″ content_bg= »#ffffff » id= » »]Actually, can you do everything with the message box. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween purus stays air israel viverra tolstoy euismod mutant. [/message]

Now, you can set any background and color to both title and content, and can also add icons to them.

[message title= »Message box with custom design » title_color= »#ffffff » title_bg= »#38761d » title_icon= »fa-check » content_color= »#ffffff » content_bg= »#6aa84f » id= » »]Actually, can you do everything with the message box. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween purus stays air israel viverra tolstoy euismod mutant.[/message]

You will use colors which suitable for your purpose, can bold the text, make it italic, change font size … do anything

[message title= »This is important and bold » title_color= »#ffffff » title_bg= »#990000″ title_icon= »fa-warning » content_color= »#000000″ content_bg= »#ffffff » id= » »]Actually, can you do everything with the message box. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween purus stays air israel viverra tolstoy euismod mutant.[/message]

[message title= »The world is the rainbow, you must accept it » title_color= »#ffffff » title_bg= »#0b5394″ title_icon= » » content_color= »#ffffff » content_bg= »#3d85c6″ id= » »]Actually, can you do everything with the message box. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween purus stays air israel viverra tolstoy euismod mutant.[/message]

Horizontal Tab

[tabs id= » » style= » »][tab title= »Title of Tab 1″]Content of tab 1. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/tab][tab title= »Title of Tab 2″]Content of tab 2. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/tab][tab title= »Title of Tab 3″]Content of tab 3. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/tab][/tabs]

Vertical Tab

[tabs id= » » style= »v »][tab title= »Title of Tab 1″]Content of tab 1. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/tab][tab title= »Title of Tab 2″]Content of tab 2. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/tab][tab title= »Title of Tab 3″]Content of tab 3. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/tab][/tabs]

Accordion / Toggle

[accordions id= » »][accordion title= »Title of Accordion 1″]Content of accordion 1. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/accordion][accordion title= »Title of Accordion 2″]Content of accordion 2. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/accordion][accordion title= »Title of Accordion 3″]Content of accordion 3. Odio purus garcia tolstoy hac condimentum a philip nec seymour. Iaculis halloween stays air israel viverra euismod mutant. Egestas nisl varius habitasse halloween donec tortor magnis. Winner marquez ornare molestie watch, winner tempus argentina one. Purus penatibus pretium julie congue ice rooney erat sit. [/accordion][/accordions]

Content Columns

[column width= »50″ padding_left= »0″ padding_right= »10″ disable_responsive= » »][text]Maecenas condimentum fermentum tempus. Praesent et nibh sit amet risus mollis iaculis nec vel metus. Pellentesque lobortis dolor et enim hendrerit varius. Curabitur aliquam augue vitae elit semper iaculis. Maecenas ut feugiat dui. Aliquam vestibulum sed turpis et molestie. Praesent blandit, elit ac hendrerit vehicula, lorem libero feugiat nunc, vitae auctor est ante id sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vitae ligula quis lorem dictum mollis. [/text][/column][column width= »50″ padding_left= »10″ padding_right= »0″ disable_responsive= » »][text]Vestibulum hendrerit bibendum velit, ac convallis elit vehicula eget. Donec blandit risus at hendrerit malesuada. Nullam efficitur fermentum libero, a volutpat metus sagittis ut. Ut rhoncus mauris vel pretium pretium. Sed non tempus justo, at volutpat orci. Quisque tristique neque eget erat varius, id interdum purus scelerisque. Nullam nunc ipsum, ullamcorper et ante quis, dapibus dapibus dolor. Nulla eget velit interdum, gravida ex blandit, commodo est. Fusce imperdiet dui sagittis tellus posuere aliquam. Aliquam erat volutpat.[/text][/column][text]

[/text][column width= »33.33333333333333″ padding_left= »0″ padding_right= »13″ disable_responsive= » »][text]Maecenas condimentum fermentum tempus. Praesent et nibh sit amet risus mollis iaculis nec vel metus. Pellentesque lobortis dolor et enim hendrerit varius. Curabitur aliquam augue vitae elit semper iaculis.[/text][/column][column width= »33.33333333333333″ padding_left= »7″ padding_right= »7″ disable_responsive= » »][text]Vestibulum hendrerit bibendum velit, ac convallis elit vehicula eget. Donec blandit risus at hendrerit malesuada. Nullam efficitur fermentum libero, a volutpat metus sagittis ut. Ut rhoncus mauris vel pretium. [/text][/column][column width= »33.33333333333333″ padding_left= »13″ padding_right= »0″ disable_responsive= » »][text]Quisque id neque quis lectus ornare porttitor. Curabitur tortor libero, interdum nec augue quis, consectetur malesuada est. Aenean interdum ipsum vel erat suscipit, nec molestie mi efficitur. [/text][/column][text]

[/text][column width= »25″ padding_left= »0″ padding_right= »15″ disable_responsive= » »][text]Maecenas condimentum fermentum tempus. Praesent et nibh sit amet risus mollis iaculis nec vel metus. Pellentesque lobortis dolor et enim. [/text][/column][column width= »25″ padding_left= »5″ padding_right= »10″ disable_responsive= » »][text]Vestibulum hendrerit bibendum velit, ac convallis elit vehicula eget. Donec blandit risus at hendrerit malesuada. Nullam efficitur fermentum libero, a volutpat.[/text][/column][column width= »25″ padding_left= »10″ padding_right= »5″ disable_responsive= » »][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in sollicitudin felis, a ultrices leo. Cras eget tempus odio. Nunc molestie eros at congue gravida.[/text][/column][column width= »25″ padding_left= »15″ padding_right= »0″ disable_responsive= » »][text]Quisque id neque quis lectus ornare porttitor. Curabitur tortor libero, interdum nec augue quis, consectetur malesuada est. Aenean interdum ipsum vel erat suscipit[/text][/column][text]

[/text][column width= »33.33333333333333″ padding_left= »0″ padding_right= »10″ disable_responsive= » »][text]Quisque id neque quis lectus ornare porttitor. Curabitur tortor libero, interdum nec augue quis, consectetur malesuada est. Aenean interdum ipsum vel erat suscipit, nec molestie mi. [/text][/column][column width= »66.66666666666666″ padding_left= »10″ padding_right= »0″ disable_responsive= » »][text]Maecenas condimentum fermentum tempus. Praesent et nibh sit amet risus mollis iaculis nec vel metus. Pellentesque lobortis dolor et enim hendrerit varius. Curabitur aliquam augue vitae elit semper iaculis.Vestibulum hendrerit bibendum velit, ac convallis elit vehicula eget. Donec blandit risus at hendrerit malesuada. Nullam efficitur fermentum libero, a volutpat metus sagittis ut. [/text][/column]

Codebox

<style type="text/css">
/*framework*/
* {
    max-width: 100%;
}
img {
    display: block;
    margin: auto;
}
body {
    font: normal normal 14px Arial;
    background: #f1f1f1;
}
</style>