Features

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

[icebutton link="#" type="btn"]Sample Button[/icebutton] [icebutton link="#" type="btn" color="btn-info"]Sample Button[/icebutton] [icebutton link="#" type="btn" color="btn-success"]Sample Button[/icebutton] [icebutton link="#" type="btn" color="btn-warning"]Sample Button[/icebutton] [icebutton link="#" type="btn" color="btn-danger"]Sample Button[/icebutton] [icebutton link="#" type="btn" color="btn-inverse "]Sample Button[/icebutton]

[icebutton link="#" type="btn" size="btn-mini" color="btn-info"]Sample Button[/icebutton] [icebutton link="#" type="btn" size="btn-small" color="btn-info"]Sample Button[/icebutton] [icebutton link="#" type="btn" color="btn-info"]Sample Button[/icebutton] [icebutton link="#" type="btn" size="btn-large" color="btn-info"]Sample Button[/icebutton]

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

[icebox type="info" icon="yes" title="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.[/icebox] [icebox type="alert" icon="yes" title="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.[/icebox] [icebox type="download" icon="yes" title="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.[/icebox] [icebox type="note" icon="yes" title="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.[/icebox]

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

[icecolumns number="2"][icecol title="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.[/icecol][icecol title="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.[/icecol][/icecolumns]

[icecolumns number="3"][icecol title="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.[/icecol][icecol title="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.[/icecol][icecol title="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.[/icecol][/icecolumns]

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

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

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"]

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

Facebook Like Code

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

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

Twitter Follow Code

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

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

Twitter Follow Code

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

[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

[icetabs theme="simple" active="1"][icetab title="Tab 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.[/icetab][icetab title="Tab 2"]

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

[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]

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

[iceaccordion theme="simple"] [accordionslide title="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. [/accordionslide] [accordionslide title="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. [/accordionslide] [accordionslide title="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. [/accordionslide] [accordionslide title="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. [/accordionslide] [/iceaccordion]

Detalles: David Muñoz Torrijos; Publicado: 14 Mayo 2013; Visto: 431

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

Lorem ipsum dolor sit amet, mattis ultricies nunc magna, eget sagittis mauris erat, adipiscing fermentum ipsum et montes tellus luctus. Morbi ante aliquam, orci dictumst aliquam id nascetur iaculis duis, illum quis sit molestie nullam facilis morbi. Varius luctus bibendum maecenas class non. Mauris quam justo, fusce gravida pellentesque blandit aliquet duis. Vitae cras lorem in interdum, non quam vel et, lobortis vulputate eu diam interdum, eu in sapien, in torquent litora commodo.

Mauris platea nullam sed a viverra, eleifend aliquam vestibulum mollis vestibulum purus. Et lorem, elit curabitur, risus neque magna.

Elementum ut mollis erat, tristique sed nam enim ipsum, hic ac purus. Facilisi mattis cursus tempus neque nec. Eget quis velit orci orci mauris, feugiat omnis inceptos urna, semper nisl massa eu sapien vel nec, arcu tortor tristique senectus volutpat nec blandit, duis molestie magni dui ut quis. Eget et, tellus neque ligula.

Libero ante laoreet. Suscipit ipsum porttitor, mollis dolor feugiat, consectetuer dignissim per pellentesque quisque. Nunc et pede viverra at quam in. Aenean lectus, aliqua consectetuer vitae eu luctus. Ut enim eget amet est inceptos a, phasellus sagittis ut accumsan sapien vel neque, tellus proin integer ornare pede.

Tempus in congue, vel ad habitant porta, eget pellentesque integer et tempor, nisl amet justo nunc dolor ligula nulla, suscipit pulvinar ullamcorper molestie commodo.

Tincidunt suspendisse dui id suscipit, aenean malesuada curabitur risus pharetra elit, vulputate auctor, sodales aliquet adipiscing lectus ad tortor. Semper lectus turpis, id convallis urna, eget a duis donec purus, egestas non, rutrum mauris magnis. Convallis etiam ridiculus mattis purus nulla, suspendisse fermentum ac fringilla a.

Augue metus non urna morbi tincidunt, venenatis inceptos a nec lacus hac, aliquet integer rutrum cras non eu lacus, gravida platea platea donec vel, nisl sem congue parturient phasellus. A pellentesque neque sit, etiam aliquam cum nulla leo a.

Detalles: David Muñoz Torrijos; Publicado: 22 Octubre 2012; Visto: 471

IceShortCodes

Buttons

Example Code

Demo

Box

Example Code

Demo

Columns

Example Code

Demo

Tooltip

Example Code

Demo

Tabs

Example Code

Demo Box

Slideshow

Example Code

Demo

Accordion

Example Code

Demo

Module Variations

IceShortCodes

Buttons

Example Code

Demo

Box

Example Code

Demo

Columns

Example Code

Demo

Tooltip

Example Code

Demo

Social

Tabs

Example Code

Demo Box

Slideshow

Example Code

Demo

Accordion

Example Code

Demo

Module Variations