Resources
All the stuffs are below...
PSD
The Photoshop PSD are includes.
4 files of the differents graphic elements...
Javascript And CSS
Nivo Slider
$(function() {
$('#slider_content').nivoSlider({
effect:'boxRandom', //Specify sets like: 'fold,fade,sliceDown'
slices:12,
directionNav:true, //Next and Prev
directionNavHide:true, //Only show on hover
controlNav:true //1,2,3...
});
});
Validation form
Used to validate the form in comments and contact page.
// VALIDATION CONTACT FORM //
$(document).ready(function() {
$("#devilForm").validate();
});
Filter in Work section
This part of code is completly developped by me (Devilcantburn). That allow to filter the work job display.
$(".filter_list ul li a").click(function(){
filteris = $(this).attr("title");
$(".filter_list ul li a").removeClass("current");
$(this).addClass("current");
if(filteris == "all") {
$(".portfolio_item").animate({ opacity: '0' }, {
queue:false,
duration: 300,
complete: function() {
$(".portfolio_item").animate({ opacity: '1' },{queue:false, duration:450}).show();
}
});
}
else {
$(".portfolio_item").animate({ opacity: '0' }, {
queue:false,
duration: 300,
complete: function() {
$(".portfolio_item").css("display","none");
$('#portfolio .'+filteris).animate({ opacity: '1' },{queue:false, duration:450}).show();
}
});
}
});
Plugins
jquery-1.5.min.js | Javascript Library | http://jquery.com/ |
jquery.nivo-slider.js | Plugin for the slider in homepage | http://nivo.dev7studios.com/ |
jquery.easing.1.3.js | Movements and transitions effects | http://gsgd.co.uk/sandbox/jquery/easing/ |
custom.js | Here comes the code to customize other library | |
cufon-yui.js | Cufon font replacement | http://cufon.shoqolate.com/generate/ |
greyscale.font.js | Javascript file font | |
droid.font.js | Javascript file font | |
quicksand.font.js | Javascript file font | |
chunkfive.font.js | Javascript file font | |
sansation.font.js | Javascript file font | |
artbrush.font.js | Javascript file font | |
jquery.validate.js | Validation form | http://bassistance.de/jquery-plugins/jquery-plugin-validation/ |
jquery.prettyPhoto.js | Image slideshow | http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ | jquery.googlemaps1.01.js | Google map integration | http://www.mayzes.org/js/jquery.googlemaps1.01.js |
CSS
You will find into the CSS folder, the file for general css is main.css, where you can (if you need) modify all the elements.
You will find 2 others CSS files necessary for the plugins. prettyPhoto.css (For prettyPhoto plugin)
Don't modify these files...