http://www.dhtmlsite.com/


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DHTMLSite - Ultimate Resource on DHTML/AJAX Scripts and Tutorials</title>

<style type="text/css" media="screen">
	@import url("style.css");
</style>
<link rel="stylesheet" href="css/lightbox.css" media="screen,projection" type="text/css" />

<!-- JavaScript -->
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>

</head>
<body>

<div id="top">
<a href="index.php" style="margin-right: 35px"><img src="house.png" alt="Home" style="margin-bottom: -3px; margin-right: 3px;"/> Home</a>

<a href="submitus.php" class="lbOn" style="margin-right: 35px"><img src="add.gif" alt="Home" style="margin-bottom: -3px; margin-right: 3px;"/> Submit</a>
<a href="contactus.php" class="lbOn" style="margin-right: 35px"><img src="contact.gif" alt="Home" style="margin-bottom: -3px; margin-right: 3px;"/> Contact</a>
<a href="advertise.php" class="lbOn" style="margin-right: 35px"><img src="advert.gif" alt="Home" style="margin-bottom: -3px; margin-right: 3px;"/> Advertise</a>
<a href="donate.php" class="lbOn" style="margin-right: 35px"><img src="donate.gif" alt="Home" style="margin-bottom: -3px; margin-right: 3px;"/> Donate</a>
</div>
<div id="gradient"></div>
<div id="wrap">

<div id="sidebar">
<br />
<a href="index.php"><img src="dhtmlsite.gif" alt="DHTMLSite" style="padding-left: 20px;"/></a><p/>

<br />
<h1>Categories</h1>
<div class="line" style="margin-bottom: 5px;"></div>
<ul class="navlink">
<li><a href="ajax.php">AJAX</a></li>
<li><a href="navigation.php">Navigation</a></li>
<li><a href="css.php">CSS</a></li>
<li><a href="page.php">Page Effects</a></li>
<li><a href="tooltips.php">Tool Tips</a></li>
<li><a href="drag.php">Drag and Drop</a></li>
<li><a href="calendars.php">Calendars</a></li>
<li><a href="windows.php">Window Effects</a></li>
<li><a href="image.php">Image Galleries and Effects</a></li>
<li><a href="tools.php">Webmaster Tools</a></li>
<li><a href="flash.php">Flash Applications</a></li>
</ul>
<br />
<br />
<h1>Search</h1>
<div class="line"></div>
<br />
<form action="tutorials/search.php?subaction=search" target="_blank" method="post">
<input type="hidden" name="dosearch" value="yes"/>
<input type="text" value="" name="story" size="24" id="search"/>
</form>
<br />
<br />

<h1>Statistics</h1>
<div class="line"></div>
<div id="padding">


Tutorials Indexed: <font color="#32527A">300</font><br/>
Tutorial Views: <font color="#32527A">127576</font><br/>
Total Comments: <font color="#32527A">16</font>
</div>
</div>
<br />


<div id="midwrap">
<div id="right">
<div id="gray">
<h1>About</h1>
<div class="line"></div>
<br />
Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials.<br />
<br />


<h1>Articles</h1>
<div class="line"></div><br />
<a href="imagegalleries.php"class="arrow">Image Galleries</a> - List of Image Galleries and Slideshows.<br />
<br />
<a href="cssgraphs.php"class="arrow">CSS Graph Resources</a> - Free CSS Graph generators and resources.<br />
<br />
<a href="icons.php" class="arrow">Icons</a> - A list of free 16x16 pixel icons<br />
<br />
<a href="updatedextension.php"class="arrow">Firefox Extentions</a> - Useful Firefox extentions for webmasters<br />
<br />
<a href="generators.php"class="arrow">Online Generators</a> - A list of online generators you may find handy<br />
<br />

</div>
<br />
<br />
<h1>Sponsored</h1>
<div class="line"></div>
<br />

<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">
<!-- Expires 1st April -->
<a href="http://www.crazyegg.com"><img src="crazyegg.png" alt="Crazy Egg"/></a>
</div>
<br />
<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">
<!-- Expires 27th June -->
<a href="http://www.psd2html.com/order-now.html"><img src="psd2html.jpg" alt="You Design, We XHTML/CSS"/></a>
</div>
<br />
<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">
<!-- Expires 15th June -->
<a href="http://www.lunarpages.com/id/dhtmlsite/goto/basic-hosting/"><img src="lunar.gif" alt="Affordable Web Hosting by Lunarpages"/></a>
</div>
<br />
<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">
<!-- Expires 1st April -->
<a href="http://www.tagspage.com"><img src="tags.jpg" alt="Tags Page"/></a>
</div>
<br />
<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">
<!-- Expires 12th June -->
<a href="http://www.tradingeye.com"><img src="tradingeye.jpg" alt="TradingEye"/></a>
</div>
<br />
<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">
<!-- Expires 9th May -->
<a href="http://www.webdigity.com"><img src="webdigity.png" alt="Web Digity"/></a>
</div>
<br />
<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center;">

<a href="http://www.standardsreboot.com"><img src="reboot.png" alt="Standards Reboot"/></a>
</div>
<br />

<div style="border: 1px solid #CCC; height: 80px; width: 200px; text-align: center; padding-top: 3px;">
<br /><a href="advertise.php" class="lbOn" style="font-size: 13px; font-weight: bold;">Advertise Here!</a><br />
200x80 px Banner<br />
Just <b>$7</b> a month!
</div>
</div>

<div id="tutorials">
<h1>Latest Tutorials and Scripts</h1>
<div class="line" style="width: 450px;"></div>
<script type="text/javascript"><!--
google_ad_client = "pub-1113641852343993";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "4c7599";
google_color_text = "000000";
google_color_url = "333333";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class="line" style="width: 450px;"></div>
<br />



<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176564536&amp;archive=&amp;template=top"><img src="images/cssimage.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176564536&amp;archive=&amp;template=top">Time Sensitive CSS Switcher</a></div>
<div class="description">When I set out to redesign this site, I had an idea: Could I make the stylesheet change based on the hour of the day? Sounds easy enough, right? So, I started searching the Internet for some code I could use. I'm a novice when it comes to javascript and php, so I was hoping to find some "plug and play" code, so to speak.<br /><br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1176564536&archive=&template=top"><img src="timecss.jpg" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> CSS | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 14 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 239 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1176564536&amp;archive=&amp;start_from=&amp;ucat=5', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176564418&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176564418&amp;archive=&amp;template=top">A CSS Crossfader Demo</a></div>
<div class="description">In this particular demo, I am going to show how to build a browser-agnostic crossfading effect using Script.aculo.us, a Javascript effects library.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1176564418&archive=&template=top"><img src="crossfade.jpg" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> Page Effects | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 14 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 187 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1176564418&amp;archive=&amp;start_from=&amp;ucat=3', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<br /><script type="text/javascript"><!--
google_ad_client = "pub-1113641852343993";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "4c7599";
google_color_text = "000000";
google_color_url = "333333";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>	
<br /><div class="line" style="width: 450px; margin-top: -82px; margin-bottom: 68px;"></div><div class="line" style="width: 450px;"></div><br />
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176346026&amp;archive=&amp;template=top"><img src="images/24.JPG" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176346026&amp;archive=&amp;template=top">Unobtrusive Degradable Ajax Style Sheet Switcher</a></div>
<div class="description">What I did to achieve this was used server-side cookies instead of JavaScript cookies. Hence, PHP. However this isn't a PHP style switcher, which is where Ajax comes in. For the extreme technical folks, no, there is no xml involved here, or even a callback response. I only say Ajax because everyone knows what 'it' means. With that said, it's the Ajax that sets the cookies 'on the fly'. Got it? Awesome!</div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> CSS | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 12 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 122 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1176346026&amp;archive=&amp;start_from=&amp;ucat=5', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176345076&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176345076&amp;archive=&amp;template=top">Onload image fades without Flash</a></div>
<div class="description">A function to show an "image loading" message and subsequent fade-in of a photo. Inspired by the Flash-like effect on Couloir.</div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> Image Effects | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 12 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 206 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1176345076&amp;archive=&amp;start_from=&amp;ucat=10', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176258511&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1176258511&amp;archive=&amp;template=top">Ajax Auto Suggest v.2 </a></div>
<div class="description">The new and improved version of my JavaScript/Ajax auto suggest script. More features, less bugs.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1176258511&archive=&template=top"><img src="ajaxsuggest.jpg" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> AJAX | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 11 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 502 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1176258511&amp;archive=&amp;start_from=&amp;ucat=1', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175865969&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175865969&amp;archive=&amp;template=top">Adobe Kuler - Color Scheme Generator</a></div>
<div class="description">Built using Adobe Flash and ActionScript 3.0, kuler is all about color: color for exploration, inspiration, experimentation and sharing.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1175865969&archive=&template=top"><img src="kuler.jpg" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> Tools | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 06 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 331 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1175865969&amp;archive=&amp;start_from=&amp;ucat=13', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175686805&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175686805&amp;archive=&amp;template=top">Uni-Form - One Form to Rule them All</a></div>
<div class="description">Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1175686805&archive=&template=top"><img src="uniform.png" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> Page Effects | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 04 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 517 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1175686805&amp;archive=&amp;start_from=&amp;ucat=3', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175588040&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175588040&amp;archive=&amp;template=top">Ajax MGraph</a></div>
<div class="description">For one of my projects, i needed simple graph to represent data for a single year by months.<br />I came up with this solution, and decided to make free version.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1175588040&archive=&template=top"><img src="mgraph.jpg" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> AJAX | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 03 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 530 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1175588040&amp;archive=&amp;start_from=&amp;ucat=1', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">2 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175508540&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175508540&amp;archive=&amp;template=top">PlotKit - Javascript Chart Plotting</a></div>
<div class="description">PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1175508540&archive=&template=top"><img src="plotkit.jpg" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> AJAX | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 02 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 505 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1175508540&amp;archive=&amp;start_from=&amp;ucat=1', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div class="avatar"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175479980&amp;archive=&amp;template=top"><img src="images/ds.jpg" alt="avatar" style="border: none;" width="50" height="50" /></a></div>
<div style="float:left;display:inline; width:400px;">
<div class="title"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&amp;id=1175479980&amp;archive=&amp;template=top">CSS + Javascript Bar Charts</a></div>
<div class="description">Recently I was working on CSS + JavaScript Bar Charts. SVG is good, but it's not cross browser so I decided to write simple chart by myself. This is only alpha and there are a lot of work to do.<br /><br /><div class="image"><a href="http://dhtmlsite.com/tutorials/show_news.php?subaction=showfull&id=1175479980&archive=&template=top"><img src="javascriptcssgraph.gif" /></a></div></div>
<div style="font-size:11px; padding: 2px; color: #3E3E3E;" class="com">
<img src="folder.gif" style="margin-bottom:-4px;" alt="" /> CSS | 
<img src="added.gif" style="margin-bottom:-4px;" alt="" /> 02 Apr 2007 | 
<img src="cursor.gif" border="0" style="margin-bottom:-4px;" alt="" /> 289 | 
<img src="comment.gif" border="0" style="margin-bottom:-4px;" alt="" /> <a href="#" onclick="window.open('http://dhtmlsite.com/tutorials/show_news.php?subaction=showcomments&amp;template=top&amp;id=1175479980&amp;archive=&amp;start_from=&amp;ucat=5', '_News', 'HEIGHT=400,WIDTH=480,resizable=yes,scrollbars=yes');return false;">0 Comments</a><p/></div>
<div class="listingline"></div>
</div>
<div style="font-size: 14px; margin-left: 50px; font-weight: bold; margin-bottom: 5px;"><a href="/index.php?start_from=10&amp;ucat=&amp;archive=&amp;subaction=&amp;id=&amp;"> More Tutorials </a></div>
<!-- News Powered by CuteNews: http://cutephp.com/ --><script type="text/javascript">
//<![CDATA[
  document.write('<scr'+'ipt src="http://crazyegg.com/pages/scripts/32716.js?'+(new Date()).getTime()+'" type="text/javascript"></'+'script>');
//]]>
</script>

<br />
<br />
</div>
</div>
<p id="footer">&copy; DHTMLSite 2007 | valid xhtml 1.0 transitional</p>
</div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-259431-3";
urchinTracker();
</script>
</body>
</html>