<h2 id="buttons">Buttons</h2>
<p>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.</p>
<pre><strong>Available parameters:</strong>
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)
</pre>
<h4>Example Code</h4>
<p><code>[<cite>icebutton link="#" type="btn"]Sample Button[/icebutton</cite>]</code></p>
<h4>Demo</h4>
[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]
<p>
</p>
[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]
<hr>
<h2 id="box">Box</h2>
<p>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.</p>
<pre><strong>Available parameters:</strong>
Type: (info, alert, download, note)
Icon: (yes, no)
</pre>
<h4>Example Code</h4>
<p><code>[<cite>icebox type="info" icon="yes" title="Info"]Sample Box[/icebox</cite>]</code></p>
<h4>Demo</h4>
[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]
<hr>
<h2 id="columns-anchor" style="clear:both">Columns</h2>
<p>This shortcode can add columns with text with the completion of the code below.</p>
<pre><strong>Available parameters:</strong>
Number: (2, 3, 5)
</pre>
<h4>Example Code</h4>
<p><code>[<cite>icecolumns number="2"][<cite>icecol title="2 Columns"]Sample Columns [/icecol</cite>][<cite>icecol title="2 Columns"]Sample Columns[/icecol</cite>][/icecolumns</cite>]</code></p>

<h4>Demo</h4>

[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]
<p><p>
[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]
<hr>
<h2 id="tooltip">Tooltip</h2>
<p>This shortcode adds tooltips to headings of articles. Simply determine the size and the title and you will get your tooltips instantly.</p>
<pre><strong>Available parameters:</strong>
Placement: top,bottom,left,right
</pre>
<h4>Example Code</h4>
<p><code>[<cite>icetooltip placement="top" title="This is the tooltip"]This is the text[/icetooltip</cite>]</code></p>
<h4>Demo</h4>
[icetooltip placement="top" title="This is the tooltip"]This is the text[/icetooltip] 
<hr>
<h2 id="social">Social</h2>
<p>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.</p>
<pre><strong>Available parameters:</strong>
Mode: (facebook_fanpage, facebook_like, twitter_follow, twitter_tweet)
</pre>
<p><strong>Facebook Fanpage Code</strong></p>
<p><code>[<cite></cite>icesocial mode="facebook_fanpage" width="320" height="260" name="icetheme"]</code></p>
[icesocial mode="facebook_fanpage" width="320" height="260" name="icetheme"]
<p><strong>Facebook Like Code</strong></p>
<p><code>[<cite></cite>icesocial mode="facebook_like" name="icetheme"]</code></p>
[icesocial mode="facebook_like" name="icetheme"]
<p><strong>Twitter Follow Code</strong></p>
<p><code>[<cite></cite>icesocial mode="twitter_follow" name="icetheme"]</code></p>
[icesocial mode="twitter_follow" name="icetheme"] 
<p><strong>Twitter Follow Code</strong></p>
<p><code>[<cite></cite>icesocial mode=”twitter_tweet” name=”icetheme”]</code></p>
 [icesocial mode=”twitter_tweet” name=”icetheme”] 
<hr>
<h2 id="tabs">Tabs</h2>
<p>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.</p>
<pre><strong>Available parameters:</strong>
Theme: (simple, more themes coming next release.)
Active Tab: (1, 2, 3)
</pre>
<h4>Example Code</h4>
<p><code>[<cite>icetabs theme="simple" active="1"][<cite>icetab title="Tab 1"]Box Text[/icetab</cite>][<cite>icetab title="Tab 2"]Box Text [/icetab</cite>][/icetabs</cite>]</code></p>
<h4>Demo Box</h4>
[icetabs theme="simple" active="1"][icetab title="Tab 1"] <img src="images/sampledata/icetheme/ice_nr1.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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"] <img src="images/sampledata/icetheme/ice_nr2.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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 3"] <img src="images/sampledata/icetheme/ice_nr3.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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 4"] <img src="images/sampledata/icetheme/ice_nr4.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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][/icetabs]
<hr>
<h2 id="slideshow">Slideshow</h2>
<p>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.</p>
<pre><strong>Available parameters:</strong>
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 )
</pre>
<h4>Example Code</h4>
<p><code>[<cite>iceslideshow theme="simple" active="1" directory="images/sampledata/icetheme/iceshortcodes"][<cite>iceslide caption="This is a caption" link="#1"] slideshow1.jpg [/iceslide</cite>][<cite>iceslide caption="This is a caption" link="#2"] slideshow2.jpg [/iceslide</cite>][<cite>iceslide caption="This is a caption" link="#3"] slideshow3.jpg [/iceslide</cite>][/iceslideshow</cite>]</code></p>
<h4>Demo</h4>
[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]

<hr>
<h2 id="accordion">Accordion</h2>
<p>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.</p>
<pre><strong>Available parameters:</strong>
Theme: (simple, more themes coming next release.)
</pre>
<h4>Example Code</h4>
<p><code>[<cite>iceaccordion theme="simple"] [<cite>accordionslide title="Accordion Title 1 "] Accordion Title 1 Text [/accordionslide</cite>][<cite>accordionslide title="Accordion Title 2 "]Accordion Title 2 Text[/accordionslide</cite>] [<cite>accordionslide title="Accordion Title 3"]Accordion Title 3 Text [/accordionslide</cite>] [<cite>accordionslide title="Accordion Title 4"] Accordion Title 4 Text [/accordionslide</cite>] [/iceaccordion</cite>]</code></p>
<h4>Demo</h4>
<p>[iceaccordion theme="simple"] [accordionslide title="Accordion Title 1 "] <img src="images/sampledata/icetheme/ice_nr1.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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 "] <img src="images/sampledata/icetheme/ice_nr2.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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"] <img src="images/sampledata/icetheme/ice_nr3.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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"] <img src="images/sampledata/icetheme/ice_nr4.jpg" alt="" style="float: left; margin: 7px 15px 0 0;" />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]</p>