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 [ demos hosted by Freddy ]
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>
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';
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.
