Simple HTML and CSS usage in Jamroom
Design and Skin Customization
Jamroom takes a little getting use to and can be daunting at first, but once you start to understand how things work, it becomes easier and easier.
A new template for the Elastic skin might look something like this:
{jrCore_include template="header.tpl"}
{* BEGIN CONTAINER *}
<div class="container">
{* BEGIN ROW *}
<div class="row">
{* BEGIN LEFT SIDE *}
<div class="col3">
{* Left Side Block *}
<div class="block">
<div class="title">
<h2>Title Here</h2>
</div>
<div class="block_content">
<div class="item">
jrCore_list function here to show a list of items.
</div>
</div>
</div>
</div>
{* END OF LEFT SIDE *}
{* BEGIN CENTER SECTION *}
<div class="col6">
<div class="title">
<h2>Title Here</h2>
</div>
<div class="block_content">
<div class="item">
jrCore_list function here to show a list of items.
</div>
</div>
</div>
{* END CENTER SECTION *}
{* BEGIN RIGHT SIDE *}
<div class="col3 last">
{* Left Side Block *}
<div class="block">
<div class="title">
<h2>Title Here</h2>
</div>
<div class="block_content">
<div class="item">
jrCore_list function here to show a list of items.
</div>
</div>
</div>
</div>
{* END RIGHT SIDE *}
</div>
{* END ROW *}
</div>
{* END CONTAINER *}
{jrCore_include template="footer.tpl"}
updated by @douglas: 11/08/14 05:00:59AM
