Its a 3-column theme which consists an automatic slider, a scroll bar adjacent to it, dual navigation bar and tabber. Let's start with the menu bars, each above and below the header. The first one features a drop-down menu, so you can include all your sections. To activate that, go to Design--Page Elements, click on Edit 'categorymenu' and add the below code -
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
</ul></li></ul>
</li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
</ul></li>
Repeat the code marked in bold in case you want to add more categories.
To add links in the second menu bar, go to Design--Page Elements, click on Edit 'frontmenu' and add the following code -
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
Place the relevant links and save the changes. For the main slider, go to Design--Page Elements, click on Edit 'big picture slidearea', add the following code with your links -
<div id="feature-1" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-2" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-3" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-4" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-5" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
For the mini automatic slider with images and post description on the right, you need to add another code in Design--Page Elements, edit 'Small picture right tab' -
<li><a class="listab rounded" href="#feature-1"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-2"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-3"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-4"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-5"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
Fill in your links at relevant spots and save the changes. While in the main post area, post details like author, date, comments appear at the end of the post. The sidebar includes a tabber that can be customised. Access Design--Edit Html and search for 'EDIT-ME' and add the links you want to display in the tabber, like Recent Posts, Comments ets.
Gamecraft has a decent layout with nice features, although it can take time to load due to the number of images and javascripts. Another gaming theme you might be interested in is Gamezine Template.
Download the Gamecraft Gaming Blogger Theme
No comments:
Post a Comment