Buttons

This shortcode adds buttons inside your articles or cistom HTML modules. Just add this code to your article and specify its size, type and color and the buttons are ready.

Available parameters:
Color: (btn-primary, btn-info, btn-success, btn-warning, btn-danger, btn-inverse  )
Size: (btn-mini, btn-small, btn-large) 
Type: (download, notice cancel etc)
Target: (new. parent)

Example Code

[icebutton link="#" type="btn"]Sample Button[/icebutton]

Demo

Sample Button Sample Button Sample Button Sample Button Sample Button Sample Button

Sample Button Sample Button Sample Button Sample Button

Box

This shortcode adds box notices like the ones shown below. You can declare the type of notice, size and icons in a single code like the example code appearing here.

Available parameters:
Type: (info, alert, download, note)
Icon: (yes, no)

Example Code

[icebox type="info" icon="yes" title="Info"]Sample Box[/icebox]

Demo

Info

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Alert

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Download

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Note

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Columns

This shortcode can add columns with text with the completion of the code below.

Available parameters:
Number: (2, 3, 5)

Example Code

[icecolumns number="2"][icecol title="2 Columns"]Sample Columns [/icecol][icecol title="2 Columns"]Sample Columns[/icecol][/icecolumns]

Demo

2 Columns

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

2 Columns

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

3 Columns

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

3 Columns

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

3 Columns

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Tooltip

This shortcode adds tooltips to headings of articles. Simply determine the size and the title and you will get your tooltips instantly.

Available parameters:
Placement: top,bottom,left,right

Example Code

[icetooltip placement="top" title="This is the tooltip"]This is the text[/icetooltip]

Demo

This is the text

Social

This shortcode allows you to add FaceBook Fan Page or Likes to your custom HTML modules or inside articles. The same can be done for Twitter Follow and Tweets with the help of the codes below.

Available parameters:
Mode: (facebook_fanpage, facebook_like, twitter_follow, twitter_tweet)

Facebook Fanpage Code

[icesocial mode="facebook_fanpage" width="320" height="260" name="icetheme"]

Facebook Like Code

[icesocial mode="facebook_like" name="icetheme"]

Twitter Follow Code

[icesocial mode="twitter_follow" name="icetheme"]

Twitter Follow Code

[icesocial mode=”twitter_tweet” name=”icetheme”]


Tabs

This shortcode adds tabs to your articles or custom HTML modules. The code is quite simple – put the name of the tab, the content and theme. That’s all.

Available parameters:
Theme: (simple, more themes coming next release.)
Active Tab: (1, 2, 3)

Example Code

[icetabs theme="simple" active="1"][icetab title="Tab 1"]Box Text[/icetab][icetab title="Tab 2"]Box Text [/icetab][/icetabs]

Demo Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Slideshow

This shortcode adds slides to your articles or custom HTML modules. You complete everything in the code below and the slides will display at once.

Available parameters:
Theme: (simple, more themes coming next release.)
Active: (1,2,3 this is the number of slide which will be active by default )
Indicators:( yes, no default is yes )
Controls: ( yes, no default is yes )
directory: ( a path where the images are stored )

Example Code

[iceslideshow theme="simple" active="1" directory="images/sampledata/icetheme/iceshortcodes"][iceslide caption="This is a caption" link="#1"] slideshow1.jpg [/iceslide][iceslide caption="This is a caption" link="#2"] slideshow2.jpg [/iceslide][iceslide caption="This is a caption" link="#3"] slideshow3.jpg [/iceslide][/iceslideshow]

Demo


Accordion

This shortcode adds accordion to your article or custom HTML module. In the code shown below you enter the content and title for each slide and you’re done.

Available parameters:
Theme: (simple, more themes coming next release.)

Example Code

[iceaccordion theme="simple"] [accordionslide title="Accordion Title 1 "] Accordion Title 1 Text [/accordionslide][accordionslide title="Accordion Title 2 "]Accordion Title 2 Text[/accordionslide] [accordionslide title="Accordion Title 3"]Accordion Title 3 Text [/accordionslide] [accordionslide title="Accordion Title 4"] Accordion Title 4 Text [/accordionslide] [/iceaccordion]

Demo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This Premium Template is powered by the marvelous Bootstrap framework. It utilizes a a 12-column responsive grid system, making for a 940px wide container without responsive features enabled. Also we have enabled by default the responsive feature (you may disable through the template parameters) and your website will looks great across all devices like Wide Monitors, Tablets and Mobile Phones.

With the responsive feature enabled, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

You may learn more on the Bootstrap Scaffolding page about the Grid System

On the other hand you may use the style1 and style2 module class suffixes to change the colors of the sidebar module positions, as you are seeing here on this page. Don't know how to add a module class suffix? You may View here the solution

Would you like to view each module position more in detail and to learn it's name? Go to Module Positions page

You can easily move the Sidebar from right to left. This can be done from the template parameters

Learn the name of each module positions from the image below. Got questions? Our Support team is ready to help you