HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ns3133907 6.8.0-86-generic #87-Ubuntu SMP PREEMPT_DYNAMIC Mon Sep 22 18:03:36 UTC 2025 x86_64
User: cssnetorguk (1024)
PHP: 8.2.28
Disabled: NONE
Upload Files
File: //home/seopositiveltd.co.uk/tutorials-sub/category/jquery.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="https://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>
jQuery &laquo; SEO Positive: SEO Tutorials, PPC Pay Per Click Tutorials, Web Design & Web Development Tutorials</title>
	<link rel="canonical" href="https://www.seopositiveltd.co.uk/tutorials-sub/category/jquery" />
<link rel="stylesheet" href="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/style.css" type="text/css" media="screen"/>
<link rel="pingback" href="https://tutorials.seopositiveltd.co.uk/xmlrpc.php"/>
<!--[if IE 6]>
<link rel="stylesheet" href="/wp-content/themes/seopositive/ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="/wp-content/themes/seopositive/ie7.css" type="text/css" media="screen" />
<![endif]-->
<script src="../../ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" id="contact-form-7-css" href="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/contact-form-7/styles.css?ver=2.4.2" type="text/css" media="all"/>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script>
<link rel="index" title="SEO Positive: SEO Tutorials, PPC Pay Per Click Tutorials, Web Design &amp; Web Development Tutorials" href="https://tutorials.seopositiveltd.co.uk"/>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body class="archive category category-jquery">
<div id="wrapper">
<div class="hidden"></div>
<div id="header">
	<div class="hidden">
    </div>
	<div id="logo"><a href="https://www.seopositive.co.uk/"></a></div>
    <div id="header-info">
    	<div class="menu-top-container"><ul id="menu-top" class="menu"><li id="menu-item-4228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4228"><a href="https://my.seopositive.co.uk/">Client Login</a></li>
<li id="menu-item-4227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4227"><a href="https://www.seopositive.co.uk/careers.php">Careers</a></li>
<li id="menu-item-4229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4229"><a href="https://www.seopositive.co.uk/partners.php">Partners</a></li>
</ul></div> 
        <div class="clear"></div>
    	<div class="call-us"> 0800 088 6000</div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>    
    <div id="content-container">
        <div id="content" class="narrowcolumn" role="main">
        	<ul id="menu-main">
    <li><a href="/">Home</a>
        <ul class="first"><li><a href="/">Home</a></li></ul>
    </li>
    <li><a href="../../about-us">About us</a>
        <ul><li><a href="../../about-us">About us</a></li></ul>
    </li>
    <li><a>Services</a>
        <ul class="dropdown"><li><a>Services</a></li></ul>
        <ul class="services-bg">
            <ul>
                <li><a href="../../search-engine-optimisation">Search Engine Optimisation</a></li>
                <li><a href="../../pay-per-click">Pay Per Click</a></li>
                <li><a href="https://www.webdesignpositive.co.uk/">Website Design</a></li>
                <li><a href="../../website-design-portfolio">Design Portfolio</a></li>
            </ul>
            <ul>
                <li><a href="../../email-marketing">Email Marketing</a></li>
                <li><a href="../../reputation-management">Reputation Management</a></li>
                <li><a href="../../link-building">Link Building</a></li>
                <li><a href="../../hosting">Hosting</a></li>
            </ul>
            <div class="clear"></div>
        </ul>
    </li>
    <li><a href="../../search-engine-optimisation">SEO Services</a>
        <ul><li><a href="../../search-engine-optimisation">SEO Services</a></li></ul>
    </li>
    <li><a href="../../pay-per-click">PPC Services</a>
        <ul><li><a href="../../pay-per-click">PPC Services</a></li></ul>
    </li>
    <li><a>Testimonials</a>
        <ul class="dropdown"><li><a>Testimonials</a></li></ul>
        <ul class="testimonials-bg">
            <ul>
                <li><a href="../../seo-testimonials">Search Engine Optimisation</a></li>
                <li><a href="../../ppc-testimonials">Pay Per Click</a></li>
                <li><a href="../../web-design-testimonials">Website Design</a></li>
            </ul>
            <div class="clear"></div>
        </ul>
    </li>
    <li><a href="../../awards">Awards</a>
        <ul><li><a href="../../awards">Awards</a></li></ul>
    </li>
    <li><a href="../../contact-us">Contact us</a>
        <ul><li><a href="../../contact-us">Contact us</a></li></ul>
    </li>
    <li><a>Blog</a>
        <ul class="last"><li><a href="../../blog">Blog</a></li></ul>
    </li>
</ul>            
            <div id="main-content">
            <div id="content-left">
                        <div class="post-610 post type-post hentry category-htmlxhtml category-jquery category-javascript tag-anchor-points" id="post-610">
                            <h2><a href="../../tutorials-sub/slow-page-scroll-with-jquery-anchors" rel="bookmark" title="Permanent Link to Slow Page Scroll With JQuery &amp; Anchors">Slow Page Scroll With JQuery &#038; Anchors</a></h2>
                            <hr/>
                            <p><small>March 1st, 2011 <!-- by Peter --></small></p>
                            <div class="entry">
                                <div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fslow-page-scroll-with-jquery-anchors.php&amp;style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show how to create anchor links and using some jquery we will make those links into a nice slow tansition instead of jumping between anchors.</p>
<p>Firstly create your anchors points in your html as shown below:</p>
<p></p>
<p>To test it works simply put a div in the middle with a height larger than your screen size, like that below:</p>
<p></p>
<p>When you view this html code in the browser it should just jump from the top to the bottom and vice versa when you click the links. To make the links into a smooth transition you will first need to point to the latest version of jquery, <a href="../../ajax/libs/jquery/1.4.2/jquery.min.js" target="_blank">click here</a> to download.</p>
<p>You now need to create a new javascript file and add the following code, <a href="../../wp-content/uploads/2011/03/smoothscrolling.js" target="_blank">click here</a> to view the code.</p>
<p>You can also adjust the speed of the transition. Simply change the <strong>ss.STEPS</strong> at the bottom of the code to a higher amount to slow the transition and a lower amount to speed it up, it is currently set at 50.</p>
                            </div>
                            <p class="postmetadata">Tags: <a href="/" rel="tag">anchor points</a><br/> Posted in <a href="../../tutorials-sub/category/htmlxhtml" title="View all posts in html/xhtml" rel="category tag">html/xhtml</a>, <a href="../../tutorials-sub/category/jquery" title="View all posts in jQuery" rel="category tag">jQuery</a>, <a href="../../tutorials-sub/category/javascript" title="View all posts in javascript" rel="category tag">javascript</a></p>
                        </div>
                        <div class="post-598 post type-post hentry category-jquery category-jquery-tutorial category-javascript tag-expand-content tag-jquery" id="post-598">
                            <h2><a href="../../tutorials-sub/expand-and-contract-content" rel="bookmark" title="Permanent Link to Expand and Contract Content Using JQuery &amp; Javascript">Expand and Contract Content Using JQuery &#038; Javascript</a></h2>
                            <hr/>
                            <p><small>February 24th, 2011 <!-- by Peter --></small></p>
                            <div class="entry">
                                <div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fexpand-and-contract-content.php&amp;style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you how to create a read more / read less content area. This is ideal for use with hidden content or FAQs for instance.</p>
<p>First you need jquery installed on your page, you can use the following link for this: <a href="../../ajax/libs/jquery/1.4.2/jquery.min.js" target="_blank">https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</a></p>
<p>Now create a new javascript file and insert the following code:</p>
<p><code>$(document).ready(function(){<br/>
	$('#homeReadMo').slideUp( );<br/>
	$('a.homeReadMo').click( function(){<br/>
		if( document.getElementById( 'homeReadMo' ).offsetHeight &gt; 0 ) {<br/>
			$( '#homeReadMo' ).slideUp( 'fast' );<br/>
		}<br/>
		else{<br/>
			$( '#homeReadMo' ).slideDown( 'fast' );<br/>
		}<br/>
		return false;<br/>
	});<br/>
});</code></p>
<p>This code basically looks for the element with <strong>id=homeReadMo</strong> and contracts or hides the area on page load. The code also allows any element with the class of <strong>homeReadMo</strong>, when clicked, to expand or open the <strong>id=homeReadMo</strong> content.</p>
<p>The if statement within the second function finds whether the size of the hidden content if greater than 0 (ie: whether it is hidden already). If it is hidden then the function will expand and if it is not hidden it will contract.</p>
<p>You can then add the following code to the html for your elements:</p>
<p></p>
<p>With this setup you could even add more code to the javascript to change the read more text to read less when clicked, as follows:</p>
<p><code>$(document).ready(function(){<br/>
	$('#homeReadMo').slideUp( );<br/>
	$('a.homeReadMo').click( function(){<br/>
		if( document.getElementById( 'homeReadMo' ).offsetHeight &gt; 0 ) {<br/>
			$( this ).html( 'read more' );<br/>
			$( '#homeReadMo' ).slideUp( 'fast' );<br/>
		}<br/>
		else{<br/>
			$(this).html('read less');<br/>
			$( '#homeReadMo' ).slideDown( 'fast' );<br/>
		}<br/>
		return false;<br/>
	});<br/>
});</code></p>
                            </div>
                            <p class="postmetadata">Tags: <a href="/" rel="tag">expand content</a>, <a href="/" rel="tag">jQuery</a><br/> Posted in <a href="../../tutorials-sub/category/jquery" title="View all posts in jQuery" rel="category tag">jQuery</a>, <a href="../../tutorials-sub/category/jquery-tutorial" title="View all posts in jQuery Tutorial" rel="category tag">jQuery Tutorial</a>, <a href="../../tutorials-sub/category/javascript" title="View all posts in javascript" rel="category tag">javascript</a></p>
                        </div>
                        <div class="post-538 post type-post hentry category-uncategorized category-htmlxhtml category-jquery category-javascript tag-html tag-javascript tag-jquery" id="post-538">
                            <h2><a href="/" rel="bookmark" title="Permanent Link to How to Hide &amp; Show a DIV Array Using JQuery">How to Hide &#038; Show a DIV Array Using JQuery</a></h2>
                            <hr/>
                            <p><small>February 8th, 2011 <!-- by Peter --></small></p>
                            <div class="entry">
                                <div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fhow-to-hide-show-a-div-using-jquery.php&amp;style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you how to make a div box hide and show with a simple line of jquery.</p>
<p>Firstly make sure you have the latest version of JQuery installed, then you need the following piece of javascript code:</p>
<p><code><br/>
function toggleDivName(DivNameIndex)<br/>
{<br/>
	$("div[id^='DivName']").hide();<br/>
	$("div[id='DivName"+DivNameIndex+"']").toggle();<br/>
}</p>
<p>function Close()<br/>
{<br/>
	$("div[id^='DivName']").hide();<br/>
}<br/>
</code></p>
<p>Here you can rename &#8216;<strong>DivName</strong>&#8216; to your desired title. The function <strong>toggleDivName </strong>basically reads in the <strong>DivNameIndex </strong>and depending on that index passed it will hide all other divs and then show or &#8216;<strong>toggle</strong>&#8216; the one passed. The <strong>close </strong>function then simply hides all divs.</p>
<p>Now in your html all you need is the following:</p>
<p><a href="#"></a></p>
<p>Here we have the div that will be hidden, the link to show it and also a link to close it. In your css, you simply need to make sure that the &#8216;<strong>DivName</strong>&#8216; is set to <strong>display: none</strong>.</p>
<p>You can now add more divs with more links without having to alter your javascript, like that shown below:</p>
<p><a href="#"></a></p>
                            </div>
                            <p class="postmetadata">Tags: <a href="/" rel="tag">html</a>, <a href="/" rel="tag">javascript</a>, <a href="/" rel="tag">jQuery</a><br/> Posted in <a href="../../tutorials-sub/category/uncategorized" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a>, <a href="../../tutorials-sub/category/htmlxhtml" title="View all posts in html/xhtml" rel="category tag">html/xhtml</a>, <a href="../../tutorials-sub/category/jquery" title="View all posts in jQuery" rel="category tag">jQuery</a>, <a href="../../tutorials-sub/category/javascript" title="View all posts in javascript" rel="category tag">javascript</a></p>
                        </div>
                        <div class="post-221 post type-post hentry category-brain-candy category-htmlxhtml category-jquery category-jquery-tutorial category-javascript tag-hover-menu tag-jquery tag-jquery-hover-menu tag-jquery-tutorial" id="post-221">
                            <h2><a href="/" rel="bookmark" title="Permanent Link to jQuery hover menus, easier than they seem">jQuery hover menus, easier than they seem</a></h2>
                            <hr/>
                            <p><small>November 8th, 2010 <!-- by admin --></small></p>
                            <div class="entry">
                                <div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fjquery-hover-menus-easier-than-they-seem.php&amp;style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>A drop down menu always seems buggy, lets face it they’re a nightmare and we usually just leave it &#8220;For the easier alternative&#8221;</p>
<p>But they’re really not that difficult to achieve. See the code below for how to achieve this with some simple jQuery and your own CSS.</p>
<pre class="brush: javascript">jQuery('#main_menu').mouseenter(function(){
        jQuery('#sub_menu').show();
})
.mouseleave(function(){
        jQuery('#sub_menu').hide();
}};
</pre>
<p>The above uses mouseenter() and mouseleave() rather than mouseon() and mouseout(). The difference between the 4 functions is mouseenter() will monitor the mouse over event and ignore mouseon() events on children and mouseleave() fires when you leave either the children of the element or the element itself.</p>
<p>Which makes it perfect for hover menus, hovering over expanding details and many other really cool things.</p>
<p>Enjoy making your jQuery hover menus without having to use hoverintent or any other complicated plugins or jQuery, it really is that simple</p>
                            </div>
                            <p class="postmetadata">Tags: <a href="/" rel="tag">hover menu</a>, <a href="/" rel="tag">jQuery</a>, <a href="https://www.seopositiveltd.com/blog/tag/jquery-hover-menu" rel="tag">jQuery hover menu</a>, <a href="/" rel="tag">jQuery Tutorial</a><br/> Posted in <a href="../../tutorials-sub/category/brain-candy" title="View all posts in Brain Candy" rel="category tag">Brain Candy</a>, <a href="../../tutorials-sub/category/htmlxhtml" title="View all posts in html/xhtml" rel="category tag">html/xhtml</a>, <a href="../../tutorials-sub/category/jquery" title="View all posts in jQuery" rel="category tag">jQuery</a>, <a href="../../tutorials-sub/category/jquery-tutorial" title="View all posts in jQuery Tutorial" rel="category tag">jQuery Tutorial</a>, <a href="../../tutorials-sub/category/javascript" title="View all posts in javascript" rel="category tag">javascript</a></p>
                        </div>
                        <div class="post-105 post type-post hentry category-brain-candy category-css category-htmlxhtml category-jquery category-joomla category-mootools category-php category-seo category-wordpress tag-joomla tag-jquery tag-mootools tag-php tag-wordpress" id="post-105">
                            <h2><a href="/" rel="bookmark" title="Permanent Link to Which Content Management System?">Which Content Management System?</a></h2>
                            <hr/>
                            <p><small>June 10th, 2010 <!-- by admin --></small></p>
                            <div class="entry">
                                <div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fwhich-content-management-system.php&amp;style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>So there are many different content management systems available, each with there own pro’s and cons but today we are going to focus on the two largest PHP content management systems, Joomla (1.5+) and WordPress (2.8+)</p>
<p>At <a href="https://www.seopositive.com/">SEO Positive</a> we use both of these to satisfy our clientele and even our own projects as they allow for quick development and total control over the content.</p>
<h6>But which one should I use for my project?</h6>
<p>This depends entirely on the goal of your project. Below we have outlined features of both CMS’</p>
<h2>WordPress</h2>
<ul>
<li>Instant blogging</li>
<li>1 minute to set up, with no knowledge of programming necessary</li>
<li>Instant theme installation</li>
<li>Search engines love WordPress</li>
<li>Stable platform with very few bugs/catches</li>
<li>Automatic plug in installation/updates and activation</li>
<li>100% control over the theme’s layout/colours etc</li>
<li>JavaScript is jQuery powered</li>
</ul>
<h2>Joomla</h2>
<ul>
<li>Stable platform to build any large scale website on</li>
<li>Instant page creation</li>
<li>Menu management</li>
<li>Dedicated media manager (upload and download)</li>
<li>Fairly easy plug in installation/management</li>
<li>Instant theme installation</li>
<li>Nearly 100% control over the theme and all layouts and colours</li>
<li>JavaScript is powered by MooTools</li>
</ul>
<p>They have a lot more features than the above mentioned ones, but I’m going to leave it there on that, if you still can’t decide what is best for your website perhaps I should explain a little more about them?</p>
<p>Joomla is a content management system, for building websites into. So being dedicated to a purpose would seem like a pro to add to the list, but it does come with its con’s. Joomla is technical to update and manage, with a complicated and sometimes confusing management area it can be tricky to get used to for anyone of a lesser technical mind where as WordPress is a blogging platform that happens to be fantastic for a quick website build with CMS. WordPress also has an incredibly easy to use management area, everything is laid out in a way that you can’t confuse and everything is labeled in a way you can’t find tricky.</p>
<p>Joomla stands trumps for large scale websites (30+ pages) and WordPress would suite more a smaller website (up to 30 pages) as it has no internal banner, footer or menu managers.</p>
<p>Joomla also stands up trumps with themes as you can use multiple themes throughout the site depending on what page your users are currently viewing/reading, with its banner, footer and menu managers and custom &#8216;modules’ feature there is nothing you can’t customise in Joomla and this wins it for us here at <a href="https://www.seopositive.com/">SEO Positive</a> over WordPress as to build a <a href="https://www.seopositive.com/website-design.php">bespoke website</a> and give any client total control of there site we find Joomla perfect.</p>
                            </div>
                            <p class="postmetadata">Tags: <a href="/" rel="tag">joomla</a>, <a href="/" rel="tag">jQuery</a>, <a href="/" rel="tag">mootools</a>, <a href="https://www.seopositiveltd.com/blog/tag" rel="tag">php</a>, <a href="/" rel="tag">wordpress</a><br/> Posted in <a href="../../tutorials-sub/category/brain-candy" title="View all posts in Brain Candy" rel="category tag">Brain Candy</a>, <a href="../../tutorials-sub/category/css" title="View all posts in css" rel="category tag">css</a>, <a href="../../tutorials-sub/category/htmlxhtml" title="View all posts in html/xhtml" rel="category tag">html/xhtml</a>, <a href="../../tutorials-sub/category/jquery" title="View all posts in jQuery" rel="category tag">jQuery</a>, <a href="../../tutorials-sub/category/joomla" title="View all posts in joomla" rel="category tag">joomla</a>, <a href="../../tutorials-sub/category/mootools" title="View all posts in mootools" rel="category tag">mootools</a>, <a href="../../tutorials-sub/category/php" title="View all posts in php" rel="category tag">php</a>, <a href="../../tutorials-sub/category/seo" title="View all posts in seo" rel="category tag">seo</a>, <a href="../../tutorials-sub/category/wordpress" title="View all posts in wordpress" rel="category tag">wordpress</a></p>
                        </div>
                    <div class="navigation">
                        <div class="alignleft"><p><a href="/">&laquo; Older Entries</a></p></div>
                        <div class="alignright"><p></p></div>
                    </div>
                    <div class="clear"></div>
                    <hr/>
                </div>
                <div id="sidebar">
                    <h3 class="widget-title">Categories</h3>		<ul>
	<li class="cat-item cat-item-10"><a href="../../tutorials-sub/category/apache" title="View all posts filed under apache">apache</a>
</li>
	<li class="cat-item cat-item-3"><a href="../../tutorials-sub/category/brain-candy" title="View all posts filed under Brain Candy">Brain Candy</a>
</li>
	<li class="cat-item cat-item-214"><a href="../../tutorials-sub/category/cms" title="View all posts filed under CMS">CMS</a>
</li>
	<li class="cat-item cat-item-66"><a href="../../tutorials-sub/category/other-technology/cold-fusion" title="View all posts filed under cold fusion">cold fusion</a>
</li>
	<li class="cat-item cat-item-29"><a href="../../tutorials-sub/category/command-line-editors" title="View all posts filed under Command Line Editors">Command Line Editors</a>
</li>
	<li class="cat-item cat-item-206"><a href="../../tutorials-sub/category/pay-per-click-ppc/conversion-tracking-pay-per-click-ppc" title="View all posts filed under Conversion Tracking">Conversion Tracking</a>
</li>
	<li class="cat-item cat-item-11"><a href="../../tutorials-sub/category/css" title="View all posts filed under css">css</a>
</li>
	<li class="cat-item cat-item-133"><a href="../../tutorials-sub/category/pay-per-click-ppc/display-network" title="View all posts filed under Display Network">Display Network</a>
</li>
	<li class="cat-item cat-item-174"><a href="../../tutorials-sub/category/google-1" title="View all posts filed under Google +1">Google +1</a>
</li>
	<li class="cat-item cat-item-132"><a href="../../tutorials-sub/category/pay-per-click-ppc/google-adwords-2" title="View all posts filed under Google Adwords">Google Adwords</a>
</li>
	<li class="cat-item cat-item-115"><a href="../../tutorials-sub/category/web-analytics/google-analytics" title="View all posts filed under google analytics">google analytics</a>
</li>
	<li class="cat-item cat-item-102"><a href="../../tutorials-sub/category/shopping-feeds/google-product-feed" title="View all posts filed under Google Product Feed">Google Product Feed</a>
</li>
	<li class="cat-item cat-item-190"><a href="../../tutorials-sub/category/shopping-feeds/google-shopping-shopping-feeds" title="View all posts filed under Google Shopping">Google Shopping</a>
</li>
	<li class="cat-item cat-item-200"><a href="../../tutorials-sub/category/google-webmaster" title="View all posts filed under Google Webmaster">Google Webmaster</a>
</li>
	<li class="cat-item cat-item-12"><a href="../../tutorials-sub/category/htmlxhtml" title="View all posts filed under html/xhtml">html/xhtml</a>
</li>
	<li class="cat-item cat-item-128"><a href="../../tutorials-sub/category/illustrator" title="View all posts filed under Illustrator">Illustrator</a>
</li>
	<li class="cat-item cat-item-13"><a href="../../tutorials-sub/category/javascript" title="View all posts filed under javascript">javascript</a>
</li>
	<li class="cat-item cat-item-42"><a href="../../tutorials-sub/category/joomla" title="View all posts filed under joomla">joomla</a>
</li>
	<li class="cat-item cat-item-22 current-cat"><a href="../../tutorials-sub/category/jquery" title="View all posts filed under jQuery">jQuery</a>
</li>
	<li class="cat-item cat-item-21"><a href="../../tutorials-sub/category/jquery-tutorial" title="View all posts filed under jQuery Tutorial">jQuery Tutorial</a>
</li>
	<li class="cat-item cat-item-27"><a href="../../tutorials-sub/category/linux" title="View all posts filed under Linux">Linux</a>
</li>
	<li class="cat-item cat-item-41"><a href="../../tutorials-sub/category/mootools" title="View all posts filed under mootools">mootools</a>
</li>
	<li class="cat-item cat-item-14"><a href="../../tutorials-sub/category/mysql" title="View all posts filed under mysql">mysql</a>
</li>
	<li class="cat-item cat-item-71"><a href="../../tutorials-sub/category/mysql/mysqli" title="View all posts filed under MySQLi">MySQLi</a>
</li>
	<li class="cat-item cat-item-131"><a href="../../tutorials-sub/category/pay-per-click-ppc" title="View all posts filed under Pay Per Click PPC">Pay Per Click PPC</a>
</li>
	<li class="cat-item cat-item-67"><a href="../../tutorials-sub/category/other-technology/perl" title="View all posts filed under perl">perl</a>
</li>
	<li class="cat-item cat-item-19"><a href="../../tutorials-sub/category/photoshop" title="View all posts filed under Photoshop">Photoshop</a>
</li>
	<li class="cat-item cat-item-9"><a href="../../tutorials-sub/category/php" title="View all posts filed under php">php</a>
</li>
	<li class="cat-item cat-item-51"><a href="../../tutorials-sub/category/php/php-framework" title="View all posts filed under php framework">php framework</a>
</li>
	<li class="cat-item cat-item-69"><a href="../../tutorials-sub/category/php/programming-php" title="View all posts filed under Programming PHP">Programming PHP</a>
</li>
	<li class="cat-item cat-item-169"><a href="../../tutorials-sub/category/robots-txt" title="View all posts filed under robots.txt">robots.txt</a>
</li>
	<li class="cat-item cat-item-134"><a href="../../tutorials-sub/category/pay-per-click-ppc/search-network" title="View all posts filed under Search Network">Search Network</a>
</li>
	<li class="cat-item cat-item-23"><a href="../../tutorials-sub/category/seo" title="View all posts filed under seo">seo</a>
</li>
	<li class="cat-item cat-item-101"><a href="../../tutorials-sub/category/shopping-feeds" title="View all posts filed under Shopping Feeds">Shopping Feeds</a>
</li>
	<li class="cat-item cat-item-1"><a href="../../tutorials-sub/category/uncategorized" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
	<li class="cat-item cat-item-28"><a href="../../tutorials-sub/category/unix" title="View all posts filed under Unix">Unix</a>
</li>
	<li class="cat-item cat-item-114"><a href="../../tutorials-sub/category/web-analytics" title="View all posts filed under web analytics">web analytics</a>
</li>
	<li class="cat-item cat-item-62"><a href="../../tutorials-sub/category/website-design" title="View all posts filed under website design">website design</a>
</li>
	<li class="cat-item cat-item-39"><a href="../../tutorials-sub/category/wordpress" title="View all posts filed under wordpress">wordpress</a>
</li>
		</ul>
<h3 class="widget-title">Archives</h3>		<ul>
			<li><a href="../../tutorials-sub/2011/11" title="November 2011">November 2011</a></li>
	<li><a href="../../tutorials-sub/2011/10" title="October 2011">October 2011</a></li>
	<li><a href="../../tutorials-sub/2011/09" title="September 2011">September 2011</a></li>
	<li><a href="../../tutorials-sub/2011/08" title="August 2011">August 2011</a></li>
	<li><a href="../../tutorials-sub/2011/07" title="July 2011">July 2011</a></li>
	<li><a href="../../tutorials-sub/2011/04" title="April 2011">April 2011</a></li>
	<li><a href="../../tutorials-sub/2011/03" title="March 2011">March 2011</a></li>
	<li><a href="../../tutorials-sub/2011/02" title="February 2011">February 2011</a></li>
	<li><a href="../../tutorials-sub/2011/01" title="January 2011">January 2011</a></li>
	<li><a href="../../tutorials-sub/2010/12" title="December 2010">December 2010</a></li>
	<li><a href="../../tutorials-sub/2010/11" title="November 2010">November 2010</a></li>
	<li><a href="../../tutorials-sub/2010/10" title="October 2010">October 2010</a></li>
	<li><a href="../../tutorials-sub/2010/09" title="September 2010">September 2010</a></li>
	<li><a href="../../tutorials-sub/2010/08" title="August 2010">August 2010</a></li>
	<li><a href="../../tutorials-sub/2010/07" title="July 2010">July 2010</a></li>
	<li><a href="../../tutorials-sub/2010/06" title="June 2010">June 2010</a></li>
	<li><a href="../../tutorials-sub/2010/05" title="May 2010">May 2010</a></li>
		</ul>
<h3 class="widget-title">Blogroll</h3>
	<ul class="xoxo blogroll">
<li><a href="https://www.seopositive.co.uk/cheap-seo.php">Cheap SEO</a></li>
<li><a href="https://www.integratedcctv.co.uk/" title="Integrated CCTV, Security, news and reviews">Integrated CCTV</a></li>
<li><a href="https://www.payperclick.org/">Pay Per Click Management</a></li>
<li><a href="https://www.payday-loans.co.uk/">Payday Loans</a></li>
<li><a href="https://www.seopositive.co.uk/pay-per-click.php">PPC Marketing</a></li>
<li><a href="https://www.searchengineoptimisation.org.uk/">Search Engine Optimisation</a></li>
<li><a href="https://www.seopositive.co.uk/">SEO</a></li>
<li><a href="https://www.seopositive.co.uk/blog">SEO Blog</a></li>
<li><a href="https://www.seopositive.net/">SEO Positive</a></li>
<li><a href="https://my.seopositive.co.uk/">SEO Positive</a></li>
<li><a href="https://news.seopositive.co.uk/">SEO Positive News</a></li>
<li><a href="https://tutorials.seopositive.co.uk/">SEO Positive Tutorials</a></li>
<li><a href="https://www.promocodes.co.uk/">voucher codes website</a></li>
<li><a href="https://www.seopositive.co.uk/website-design.php">Website Design Company</a></li>
	</ul>
                </div>
                <div class="clear"></div>
          </div>
        </div>
     </div>
<div id="footer" role="contentinfo">
	<div id="footer-content">
        	<div class="footer-section">
            	<h3>Additional Pages</h3>
				<div class="menu-additional-pages-container"><ul class="menu" id="menu-additional-pages"><li class="menu-item menu-item-type-custom menu-item-645" id="menu-item-645"><a href="../../my-sub/index">Client Login</a></li>
<li class="menu-item menu-item-type-post_type menu-item-44" id="menu-item-44"><a href="../../terms">Terms & Conditions</a></li>
<li class="menu-item menu-item-type-post_type menu-item-270" id="menu-item-270"><a href="../../privacy-policy">Privacy Policy</a></li>
<li class="menu-item menu-item-type-custom menu-item-2699" id="menu-item-2699"><a href="../../tutorials-sub/index">Tutorials</a></li>
</ul></div></div>
        	<div class="footer-section">
            	<h3>Sitemaps & Feeds</h3>
                <div class="menu-sitemaps-feeds-container"><ul class="menu" id="menu-sitemaps-feeds"><li class="menu-item menu-item-type-post_type menu-item-697" id="menu-item-697"><a href="../../sitemap">Sitemap</a></li>
<li class="menu-item menu-item-type-custom menu-item-699" id="menu-item-699"><a href="https://www.seopositiveltd.co.uk/sitemap.xml">XML Sitemap</a></li>
<li class="menu-item menu-item-type-custom menu-item-2740" id="menu-item-2740"><a href="../../blog">Blog</a></li>
<li class="menu-item menu-item-type-custom menu-item-2761" id="menu-item-2761"><a href="../../news-sub/index">News</a></li>
</ul></div></div>
        	<div class="footer-section footer-section-big">
            	<h3>Our Address</h3>
            	<p><strong>Chelmsford Head Office</strong><br/>Milstrete House<br/>29 New Street<br/>Chelmsford<br/>CM1 1NT</p>
            </div>
        	<div class="footer-section">
            	<h3>&nbsp;</h3>
            	<p><strong>London Head Office</strong><br/>3rd Floor<br/>1 Ropemaker Street<br/>London<br/>EC2Y 9HT</p>
            </div>
        	<div class="footer-section footer-section-small no-padding-right">
            	<h3>Social Links</h3>
            	<a href="/" target="_blank" rel="nofollow"></a>
        		<a href="https://twitter.com/seopositiveltd" target="_blank" rel="nofollow"></a>
        		<a href="https://www.youtube.com/user/seopositive" target="_blank" rel="nofollow"></a> 
            	<h3>W3C Compliant</h3>
            </div>
            <div class="clear"></div>
    </div>
    <div id="footer-btm">
    	<p>&copy; Copyright 2010 SEO Positive Ltd &nbsp; | &nbsp; Registered company in England & Wales &nbsp; | &nbsp; Company Number: 06643590 &nbsp; | &nbsp; VAT Number: 974449769</p>
    </div>
</div>
</div>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/jqueryui.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/jquery.anythingslider.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/mac-screen-slider.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/class.horinaja.jquery.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/javascript.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/read-more.js" type="text/javascript"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.47"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/contact-form-7/scripts.js?ver=2.4.2"></script>
<!-- Auto SyntaxHighlighter -->
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/scripts/shCore.js?ver=3.0.83"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/scripts/shBrushJScript.js?ver=3.0.83"></script>
<script type="text/javascript">
	(function(){
		var corecss = document.createElement('link');
		var themecss = document.createElement('link');
		var corecssurl = "https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/styles/shCore.css?ver=3.0.83";
		if ( corecss.setAttribute ) {
				corecss.setAttribute( "rel", "stylesheet" );
				corecss.setAttribute( "type", "text/css" );
				corecss.setAttribute( "href", corecssurl );
		} else {
				corecss.rel = "stylesheet";
				corecss.href = corecssurl;
		}
		document.getElementsByTagName("head")[0].appendChild(corecss);
		var themecssurl = "https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/styles/shThemeDefault.css?ver=3.0.83";
		if ( themecss.setAttribute ) {
				themecss.setAttribute( "rel", "stylesheet" );
				themecss.setAttribute( "type", "text/css" );
				themecss.setAttribute( "href", themecssurl );
		} else {
				themecss.rel = "stylesheet";
				themecss.href = themecssurl;
		}
		document.getElementsByTagName("head")[0].appendChild(themecss);
		})();
		SyntaxHighlighter.defaults['auto-links'] = false;
		SyntaxHighlighter.defaults['toolbar'] = false;
		SyntaxHighlighter.all();
</script>
<!-- /Auto SyntaxHighlighter -->
</body>
</html>