because of Custom error pages like(404) are your only chance to turn a lost visitor into a site user, so you want to make sure you serve up something that makes a good first impression. If you need some 404 inspiration, check out these awesome and creative error pages.

and In the last time we can see many funny web projects with jQuery using a lot of animation effects so i made the clouds animation by the jquery it appear in the sky by random opacity so its appeare cool.

Demos

404 error | 500 error | 403 error | 401 error | 400 error

how this clouds working!

by using this jQuery code style/clouds.js and this css style/style.css then by this html code:

<div id="sky">
  <div id="cloud" class='cloud-01'>
  </div>
  <div id="cloud2" class='cloud-02'>
  </div>
  <div id="cloud3" class='cloud-03'>
  </div>
</div>

with every refresh this clouds will apeare with differant opacity to make every refresh differ to any other

Requirements

• jQuery Framwork:if you not using it no problem i load in by google to reduce your Bandwidth

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>

• server support .htaccess and PHP

Features

• it is support all kind of HTTP errors but iam just add some of theme 400,401,403,404,403,500
• it is small and not has many images and css.
• it has nice clouds animation in the sky by jQuery.
• and much more just see demos

How I can Use it!

• just download the files and open error.php and edit line 9 to your home page url:

$home = 'http://www.jooria.com';

• then upload all files in your server in puplic html
• if you already have .htaccess don't upload the new .htaccess just add in your .htaccess this code:

ErrorDocument 500 /error.php?code=500
ErrorDocument 404 /error.php?code=404
ErrorDocument 403 /error.php?code=403
ErrorDocument 401 /error.php?code=401
ErrorDocument 400 /error.php?code=400

download

fantastic_error_pages.zip or take a look at files blew
If you liked this post, please Stumble this or add it to digg.

• the files of the tutorial
  • fantastic_error_pages.zip [73.92 KB][ downloads]