“Airfolio” Documentation by “Ivy Studio” v1.0


“Airfolio”

Created: 8/24/2011
By: Ivy Studio
Email: infoivystudio@gmail.com

Hey there, thank you ever so much for buying our theme. If you want to hear about further updates to this file, or about new files we produce, follow us or send us an email saying you'd like to hear about further updates via email, and you'll be added to the list.


Table of Contents

  1. HTML Structure
  2. PHP file
  3. CSS Files and Structure
  4. JavaScript
  5. Sources and Credits

A) HTML Structure - top

This theme is a fixed layout with different columns. The general template structure is the same throughout the template. Here is the generals structures.

a) THEME WITHOUT SIDEBAR HTML Structure
b) THEME WITH SIDEBAR HTML Structure

B) PHP file - top

This theme imports only one PHP file.

This file is useful for receiving email from contact form in contacts page. Modify "contact.html" to receive an e-mail. To change the e-mail address you must open the file "contacts.html" and go to the line 175 and change it like in this image.

PHP file

C) CSS Files and Structure - top

we're using some CSS files in this theme.The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

  1. style.css
  2. 960.css
  3. ie8.css
  4. ie9.css
  5. nivo-slider.css
  6. prettyPhoto.css
  7. print.css
  8. reset.css
  9. tipTip.css
  1. Contains all of the specific stylings for the page. The file is separated into sections using:
  2. 	/* === CHANGE Section === */
    
    	some code
    
    	/* === FONTS Section === */
    	
    	some code
    	
    	/* === ELEMENTS Section === */
    	
    	some code
        
        	/* === Z-INDEX Section === */
    	
    	some code
        
       	 /* === BUTTONS Section === */
    	
    	some code
    	
    	
    	etc, etc. 
    
  3. Contains all of the specific stylings for 960 grid.
  4. Contains fix css for ie8.
  5. Contains fix css for ie9.
  6. Contains the nivo slider css in homepage.
  7. Contains the prettyPhoto css.
  8. Contains the specific css to print the template.
  9. Contains various reset css.
  10. Contains the tipTip css.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.


D) JavaScript - top

This theme imports some Javascript files.

  1. custom.js
  2. jquery.carousel.js
  3. jquery_easing.1.3.js
  4. jquery.infinitescroll.js
  5. jquery.nivo.slider.js
  6. jquery.prettyPhoto.js
  7. jquery.quicksand.js
  8. jquery.tipTip.js
  9. jquery.tweet.js
  10. jquery.form.js
  1. In this file there are the initialization of all website's jquery.
  2. Carousel is a beautiful slider.
  3. Easing is a jquery library for various effects.
  4. Infinite scroll is an ajax form to load the other articles in blog page.
  5. Nivo slider is a powerful slider with some effects.
  6. prettyPhoto is the popup of all image.
  7. Quick sand is an effect to filter the portfolio projects.
  8. tipTip is a popup of some link.
  9. Tweet is a jquery to load the latest tweet.
  10. jquery_form is the scripts for mail sending.

E) Sources and Credits - top

I've used the following images, icons or other files as listed.


Once again, thank you so much for purchasing this theme. As we said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Ivy Studio

Go To Table of Contents