“Simple and effective CV/Resume” Documentation by “mr.psiho” v1.0

---

“Simple and effective CV/Resume”

---

Table of Contents

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

---

A) HTML Structure - top

This theme has a fixed layout. All of the information is nested under jQuery tabs. Here is example of 'Education' tab:

Please do not amend elements that have ID set to either "zero" or "empty". The purpose of these is to solve technical issue.

---

B) CSS Files and Structure - top

I'm using three CSS files in this theme. The file "style.css" is a main style file. This file contains all general styling. The file is logically separated into following sections:

   /* Style reset
-------------------------------------*/

	some code

    /* Main element
-------------------------------------*/

	some code
	
    /* Header
-------------------------------------*/

	some code
	
    /* Content
-------------------------------------*/

	some code

    /* Colorbox plugin styles
-------------------------------------*/

	some code

    /* Footer
-------------------------------------*/

	some code

The second file "print.css" contains all stylings to be used for printing of the CV (i.e. makes our CV "print ready"). And the third file form.css contains styling for contact form page.

You can try different background styles. Background style of Defalt theme is set to 'lightgrey'. You can change/replace this with 'darkgrey' and 'beige' styles. To amend the background style your need replace the following line of code:

   body {
    line-height:1;
    background: url(images/background-lightgrey.jpg) repeat; /* For 'lightgrey' background style */
}

...with this (for 'darkgrey' scheme):

   body {
    line-height:1;
    background: url(images/background-darkgrey.jpg) repeat; /* For 'darkgrey' background style */
}

...or with this line of code (for 'beige' scheme):

   body {
    line-height:1;
    background: url(images/background-beige.jpg) repeat; /* For 'beige' background style */
}

---

C) JavaScript - top

This theme uses six Javascript files. These are:

1. jQuery
2. jQuery ui core
3. jQuery ui tabs
4. My custom script
5. Colorbox plugin
6. Google code for html 5 support for old browsers

1. jQuery is a Javascript library that greatly reduces the amount of code that you must write. UI Core and UI Tabs are official jQuery plugins for supporting jQuery tabs.
2. Animation in this site is carried out from the my custom script.

   	[$("#tabs").tabs({collapsible: true});]
   

   Set to 'true' to allow an already selected tab to become unselected again upon reselection.

   	[$("#tabs").tabs('option', 'fx', { opacity: 'toggle', height: 'toggle', duration: 'slow' });]
   

   You can change speed with which tab expands here. Durations are given in milliseconds; higher values indicate slower animations, not faster ones. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively.

           [$("#tabs").tabs('option', 'selected', -1);]
   

   Value '-1' mean that all tabs unselected.
3. jQuery script for Colorbox plugin. This plugin is packed, so you won't need to manually edit anything in the file. For addition, I already call method for contact form. Here is a code:

   	[$(document).ready(function(){
               $("#contact").colorbox({width:"620px", height:"470px", transition:'fade', overlayClose:'true', iframe:'true'});
            });]

4. Google HTML5 JavaScript for IE to recognizes the HTML5 elements. This will be loaded only in case web-user views site with internet explorer.

---

D) PSD Files - top

I've included one psd with this theme named 'CV-Resume.psd'

---

E) Sources and Credits - top

I've used the following fonts and icons:

• DejaVu Serif Bold font - http://www.fontsquirrel.com/fonts/DejaVu-Serif
• Ubuntu Titling Bold font - http://www.fontsquirrel.com/fonts/Ubuntu-Titling
• Social icons - http://www.veryicon.com/icons/internet--web/aquaticus-social/

---

Once again, thank you very much for purchasing this theme. As I said earlier, I will be glad to help you should you have any questions relating to this theme. If you have a general questions relating to ThemeForest themes, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Vitaliy Kiyko

Go To Table of Contents

---