“GameForest - Online Magazine HTML Template” Documentation by “YAKUZI” v1.0

“GameForest - Online Magazine HTML Template”

Created: 19/06/2013
By: YAKUZI
Email: info@yakuzi.eu

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. PSD Files
  5. Credits

A) HTML Structure - top

This theme is a responsive layout with two columns. All of the information within the main content area is nested within a div with an id of "wrapper". The sidebar's content is within a div with an id of "sidebar". Here is the structure.

HTML Structure

B) CSS Files and Structure - top

I'm using six CSS files in this theme (all css files are imported in main file of CSS - style.css).

  1. style.css
  2. prettyPhoto.css
  3. font-awesome.min.css
  4. bxslider.css
  5. bootstrap.min.css
  6. bootstrap-responsive.css
  7. skins/color-name.css

The file is separated into sections using:

/***
Index
=================
	1. Main
	2. Header
	3. Wrapper
	4. Sidebar
	5. Footer
=================
***/

/*  1. Main
    -------------------------------------------------- */

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.

C) JavaScript - top

This theme imports seven Javascript files.

  1. jQuery
  2. Custom Scripts
  3. Selectnav
  4. Bootstrap
  5. Bxslider
  6. prettyPhoto
  7. Twitter.js
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over. 
    $('.bxslider').bxSlider({
	controls: false, 
	mode : 'fade',	
	pager: true,
	pagerCustom: '#bx-tabs',
	auto: true
});

D) PSD Files - top

I've included 12 PSD files. These 12 PSD files are fully layered and layers are well named and organized within folders.

  1. home-version-1.psd
  2. home-version-1-green.psd
  3. home-version-1-red.psd
  4. home-version-1-pink.psd
  5. home-version-2.psd
  6. home-version-3.psd
  7. post.psd
  8. post-score.psd
  9. gallery.psd
  10. gallery-2.psd
  11. full-page.psd
  12. contact.psd

B) Credits - top

Icons used:

Fonts used:

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'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.

YAKUZI

Go To Table of Contents