Http

Template Documentation Template






p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }







“Nova” Documentation by “ansimuz
v1.0



“NOVA TEMPLATE”





Created: 20/05/2011
By: Luis Zuno aka ansimuz
Email: luis@luiszuno.com



Thankyou for downloading my theme. If you like this file you may like some of my premium items found on themeforest portfolio Visit portfolio. Thanks so much!





Table of Contents

HTML
CSS Files
Image Files
JavaScript
PSD Files
Sources and Credits




A) HTML - top
This theme is a fixed layout theme made in HTML 5 its perfect forcorporate sites. It has 7 + different layouts and is very customizable using skins.
HTML STRUCTURE
The main layout is built from 7 main blocks each one contains a wrapper block to mantain the layout centered. There 7 main blocks are as follow:

Header
Menu
slideshow (only for the front page)
main
twitter
footer
bottom

  
 
FILE LIST
The html folder contains all the necesary files to build a website it contains.
Heres the list of files and folders:
blog.html
contact.html
css (Folder containing all the necesary style sheets)
features-accordion.html
features-appearance.html
features-columns.html
features-infobox.html
features-monobox.htmlfeatures-tabs.html
features-toggle.html
features.html
gallery-2.html
gallery-3.html
gallery.html
images (Folder containing the slider images)
img (Contains all the image files)
index.html
js (Javascript files)
portfolio.html
project.html
single.html
skins (Skin folders for the theme appearance)video-gallery.html
STYLED ELEMENTS
COLUMNS
Set the columns by placin the content for that column inside the divs as
shown below and having the "last" class for the last div. The
div clear shown in the image is optional if you dont desire columns overlaping.

 
Examples of HTML for all the columns
<!-- 2 cols --><div class="one-half"><h6>One half </h6> <p>Content ...</p></div><div class="one-half last"> <h6>One half</h6> <p>Content ...</p></div><div class="clear "></div><!-- ENDS 2 cols -->

<!-- 3 cols --><div class="one-third"> <h6>One third </h6> <p>Content...</p></div><div class="one-third"> <h6>One third </h6> <p>Content ...</p></div><div class="one-third last"> <h6>One third </h6> <p>Content ...</p></div><div class="clear "></div><!-- ENDS 3 cols -->
<!-- 4 cols --><div class="one-fourth"> <h6>One fourth</h6> <p>Content ...</p></div><div class="one-fourth"> <h6>One fourth </h6> <p>Content ...</p></div><div class="one-fourth"> <h6>One fourth </h6> <p>Content ...</p></div><div class="one-fourth last"> <h6>One fourth</h6> <p>Content...</p></div><div class="clear "></div><!-- ENDS 4 cols -->
<!-- 2/3 cols --><div class="one-third"> <h6>One third </h6> <p>Content ...</p></div><div class="two-third last"> <h6>Two thirds</h6> <p>PContent ...</p></div><div class="clear "></div><!--...