Example of 1/3 and 2/3 divs
[code] [
Example of 1/3 x3 divs
[code] [one_third] Insert your text here! [/one_third] [one_third] Insert your text here! [/one_third] [one_third_last] Insert your text here! [/one_third_last] [/code]
Example of Left aligned image
Using a very simple shortcode, found in the TinyMCE write panel (locate the icon which looks like a horse – its really a unicorn though!) and select the method in which you wish to align your images. Not just this though, we’ve included a variety of shortcodes that are easily accesable by a few clicks of the mouse. Save your edits and publish the new page / post for your new results in the frontend. Its really that simple. Just click, paste / insert and edit.
Example of Right aligned image
Using a very simple shortcode, found in the TinyMCE write panel (locate the icon which looks like a horse – its really a unicorn though!) and select the method in which you wish to align your images. Not just this though, we’ve included a variety of shortcodes that are easily accesable by a few clicks of the mouse. Save your edits and publish the new page / post for your new results in the frontend. Its really that simple. Just click, paste / insert and edit.
Info, Warning, Error and Download Boxes
[code] INFO BOX: [info_box] Insert your text for the box inside here! [/info_box]
WARNING BOX: [warning_box] Insert your text for the box inside here! [/warning_box]
ERROR BOX: [error_box] Insert your text for the box inside here! [/error_box]
DOWNLOAD BOX: [download_box] Insert your text for the box inside here! [/download_box] [/code]
Tooltips
This is an example of a tooltip: Mouse over me!
[code][tooltip_link title="This is a Tooltip!" to="#"] Mouse over me! [/tooltip_link][/code]
Lists, Blockquotes, Buttons and more…
This is an unordered list
- List item
- List item
- List item
- List item
This is an ordered list
- List item
- List item
- List item
- List item
This is a Blockquote
Bryce, Kumar and Nick are incredible at what they do. Not only is their template absolutely amazing, the support is mind-blowing! I don’t think I waited more than 5 minutes for a response and within 10 minutes it was fixed! Very professional, friendly and precise. Highly recommended! <p style=”text-align: right;”> – <strong>Robert</strong>.</p>
[code][blockquote] Insert your text here! [/blockquote][/code]
These are some buttons available
Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text
[code][button to="" color=""] Button Text! [/button][/code]
Color variations available are: orange, red, rosy, blue, green, pink, white, blank and gray.
Video Shortcode
YouTube Video
Vimeo Video
[code] [one_half] [video url="http://youtu.be/BSLPH9d-jsI" name="youtube-video" width="325" height="243"] [/one_half] [one_half_last] [video url="http://vimeo.com/35396305" name="vimeo-video" width="325" height="243"] [/one_half_last] [/code]
These are your available options to Video Shortcodes:
| Option | Value | Default | Required | Description |
|---|---|---|---|---|
| name | Yes | A unique name for your videos when used. | ||
| url | Yes | The URL for the video. | ||
| width | 460 | Yes | Define the width. | |
| height | 315 | Yes | Define the height. | |
| image | The URL of the video thumbnail to use. | |||
| priority | flash, html5 | flash | Choose if the player loads in flash or HTML5. | |
| controlbar | bottom,over,top | bottom | The video control bar placement options. | |
| autostart | true, false | false | Choose if the video starts automatically. | |
| stretching | fill, exactfit, uniform, none | fill | Choose how your video is displayed. | |
| align | alignleft, alignright, aligncenter | alignleft | Define your video alignment option. | |
| icons | false, true | true | Define whether or not to show the play icon. | |
| html5_1 | /js/mediaplayer/fs39/fs39.xml | The HTML5 video URL for Chrome/Safari (MP4/WEBM) | ||
| html5_2 | /js/mediaplayer/player.swf | The HTML5 video URL for FireFox/Opera (OGG/OGV) |
Dropcaps
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit.
[code] [one_half_dropcaps] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit. [/one_half_dropcaps] [one_half_alt_last_dropcaps] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit. [/one_half_alt_last_dropcaps] [/code]
Text Highlights
Here you can highlight various text using unlimited number of colors with the use of a very simple shortcode. Just wrap the text of your choice using this shortcode, assign a color for the background (ie., color=”yellow”) and color of your font (ie., font=”#000000″) and you’ve now some highlighted text that can stand out amongst other contents within your page/post.
[code] [my_highlight color="gray" font="#ffffff"] Insert text here [/my_highlight] [/code]