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

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

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

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

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 Tabs

• Tab 1
• Tab 2
• Tab 3
• Tab 4

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

This is a caption

This is a caption

This is a caption

‹ ›

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

Accordion Title 1

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.

Accordion Title 2

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.

Accordion Title 3

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.

Accordion Title 4

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.

Рейтинг користувача: 0 / 5

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 move the Sidebar from left to right and vice-versa. This can be easily done from the template parameters

Рейтинг користувача: 0 / 5

Learn the name of each module position from the template screenshot below. Additionally you may view the Module Variations page as well. Got any questions? Our Support team is ready to help you

Рейтинг користувача: 0 / 5