A) HTML Structure
The basic page is index.html. It contains three basic blocks top , center , bottom:There is full description and content of HTML-code in each of them.
Examples of editing the template:
If you need to change options of parameters of the skills progressbar you need to change file custom.js in folder js
$(".pr1").progression({
Current: 100, // Change Your percent skill
Easing: 'easeOutExpo',
aBackgroundImg: 'images/progress.png'
});
B) CSS Files and Structure
There are three css files necessary for customization.- "css/style.css" -Is the main css file.
- "css/reset.css" -Is the reset html css file.
- "css/jquery.jscrollpane.css" -Plugin jscrollpane css file.
- "css/prettyPhoto.css" -Is the prettyPhoto css file.
- "css/fonts.css" -Is the @font-face css file.
- "css/ie.css" -Is the fix IE 7-8 css file.
/***** Import Reset File *****/
/***** General *****/
/***** Typography & Element *****/
/***** Menu *****/
/***** Page start*****/
/***** Content *****/
/***** Scanner *****/
/***** Main *****/
/***** Who *****/
/***** Resume page *****/
/***** Portfolio page *****/
/***** Social link*****/
/***** Contact page*****/
C) JavaScript
- "jquery-1.6.4.min.js" -jQuery JavaScript Library
- "js/jquery.progression.1.3.js" -Jquery Progressbar plugin
- "js/jquery.easing.1.3.js" -Jquery Easing plugin
- "js/cufon-yui.js" -Cufon script
- "js/Yanone_Kaffeesatz_400-700.font.js" -Cufon font Yanone_Kaffeesatz script
- "js/jquery.form.js" -Jquery form plugin
- "js/jquery.ufvalidator-1.0.5.js" -Jquery validate form plugin
- "js/jquery.mousewheel.js" -Jquery mousewheel plugin
- "js/jquery.jscrollpane.min.js" -Jquery jscrollpane plugin
- "js/jquery.prettyPhoto.js" -prettyPhoto gallery plugin
- "js/jquery.text-effects.js" -Jquery text effects plugin
- "js/custom.js" - Main custom script
D) PSD Files
The PSD folder contains seven psd file:- PSD/button-start.psd
- PSD/progressbar-skills.psd
- PSD/JohnDoe.psd
E) PHP Files
The /php folder contains php files to send from your site to e-mail:- php/contact.php
$to = 'inform@your.com'; //your e-mail
Demonya bisa kamu lihat DISINI
Silahkan Download Pass: www.id-fb.com
Upload dan extraxt scriptnya kedalam hosting. Dan edit data-data yang Anda perlukan sesuai dengan data Anda. Lihat difolder Documentation, disitu tutorial sudah tersedia. Jika ada yang kurang paham, silahkan berkomentar dibawah :)
0 komentar:
Posting Komentar