<p>JSN Time provides<strong> 6 major color variations</strong> for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and some others.</p>
<h3>Color variations</h3>
<div class="content-center" style="max-width: 600px; margin: 0 auto">
<p><strong>Click on any screenshot to LIVE demo of that color variation. (<a href="index.php?option=com_content&view=article&id=68&Itemid=467" class="link-action">reset to default</a>)</strong></p>
{imageshow sl=4 sc=11 h=300 /}
<p>Interactive images presentation by <a href="http://www.joomlashine.com/joomla-extensions/jsn-imageshow.html" target="_blank">JSN ImageShow extension</a></p>
</div>
<hr class="line-dots" />
<h3>Color configuration</h3>
<p>Each template color can be configured by 3 different ways:</p>
<div class="grid-layout">
<div>
<h4>By template parameter</h4>
<p><img src="images/joomlashine/sample/color-variations/color-config-tp.png" class="image-border" width="215" height="125" /></p>
<p>Template color can be set by template parameter <strong>Template Color</strong> in administration panel.</p>
</div>
<div>
<h4>By "Page Class Suffix"</h4>
<p><img src="images/joomlashine/sample/color-variations/color-config-pcs.png" class="image-border"  width="215" height="125" /></p>
<p>Template color can be defined in parameter <strong>Page Class Suffix</strong> of menu items as <strong>custom-color-xxx</strong><strong>.</strong></p>
</div>
<div>
<h4>By Site tools panel</h4>
<p><img src="images/joomlashine/sample/color-variations/color-config-st.png" class="image-border" width="215" height="125" /></p>
<p>Template color can be selected by website visitor from <strong>Color Selector</strong> in <strong>Site tools</strong>.</p>
</div>
</div>