<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="/templates/default/atom.css" type="text/css" ?>

<feed 
   xmlns="http://www.w3.org/2005/Atom"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:admin="http://webns.net/mvcb/"
   xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
   xmlns:wfw="http://wellformedweb.org/CommentAPI/">
    
    <link href="http://websitetheme.com/feeds/atom.xml" rel="self" title="WebsiteTheme.com" type="application/atom+xml" />
    <link href="http://websitetheme.com/"                        rel="alternate"    title="WebsiteTheme.com" type="text/html" />
    <link href="http://websitetheme.com/rss.php?version=2.0"     rel="alternate"    title="WebsiteTheme.com" type="application/rss+xml" />
    <title type="html">WebsiteTheme.com</title>
    <subtitle type="html">Quality website themes and designs.</subtitle>
    <icon>http://websitetheme.com/templates/default/img/s9y_banner_small.png</icon>
    <id>http://websitetheme.com/</id>
    <updated>2012-01-01T20:23:06Z</updated>
    <generator uri="http://www.s9y.org/" version="1.5.5">Serendipity 1.5.5 - http://www.s9y.org/</generator>
    <dc:language>en</dc:language>

    <entry>
        <link href="http://websitetheme.com/archives/18-BlackLens-Wordpress-theme.html" rel="alternate" title="BlackLens Wordpress theme" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2009-11-08T15:43:00Z</published>
        <updated>2012-01-01T20:23:06Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=18</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=18</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/10-Wordpress-themes" label="Wordpress themes" term="Wordpress themes" />
    
        <id>http://websitetheme.com/archives/18-guid.html</id>
        <title type="html">BlackLens Wordpress theme</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <p>A brand new theme for wordpress users. BlackLens is a black, white and pink theme with a floral decoration in the top right of the page. Its a two column theme with a left sidebar and support for widgets:

</p><center>
<div class="serendipity_imageComment_center" style="width: 300px"><div class="serendipity_imageComment_img"><a class='serendipity_image_link' href='http://websitetheme.com/uploads/BlackLenstheme.png'><!-- s9ymdb:19 --><img width='300' height='228'  src="http://websitetheme.com/uploads/BlackLenstheme.jpg" alt="blacklens theme" /></a></div><div class="serendipity_imageComment_txt">BlackLens theme</div></div>
</center> <br /><a href="http://websitetheme.com/archives/18-BlackLens-Wordpress-theme.html#extended">Continue reading "BlackLens Wordpress theme"</a>
            </div>
        </content>
        <dc:subject>blog themes</dc:subject>
<dc:subject>wordpress themes</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/15-Blog-Pixel-wordpress-theme.html" rel="alternate" title="Blog Pixel wordpress theme" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2007-05-31T01:07:56Z</published>
        <updated>2007-05-31T01:07:56Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=15</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=15</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/7-Themes" label="Themes" term="Themes" />
    
        <id>http://websitetheme.com/archives/15-guid.html</id>
        <title type="html">Blog Pixel wordpress theme</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                
<p /><div class="serendipity_imageComment_left" style="width: 110px;"><div class="serendipity_imageComment_img"><a class="serendipity_image_link" href="http://websitetheme.com/uploads/blog-pixel.png"><!-- s9ymdb:18 --><img width="110" height="87" src="http://websitetheme.com/uploads/blog-pixel.serendipityThumb.png" alt="/uploads/blog-pixel.serendipityThumb.png" /></a></div><div class="serendipity_imageComment_txt">Click on image to view larger version</div></div>Fuad of <a title="Blog Anything" href="http://bloganything.net">bloganything.net</a> has released his <a title="Blog Pixel wordpress theme" href="http://www.bloganything.net/541/blog-pixel-3-column-wordpress-theme-released">Blog Pixel wordpress theme</a> for free. Blog Pixel is a wide three column theme with impressive attention to detail. As Fuad puts it in his post, blog pixel is very easy on the eyes. <p /><p>With a wide left side column for your posts and two sidebars on the right, blog pixel gives your posts prime screen position while also providing you with plenty of space in your sidebars. There are also different colour versions of blog pixel available. Go on try out <a href="http://www.bloganything.net/541/blog-pixel-3-column-wordpress-theme-released">Blog Pixel</a>!</p><p /> 
            </div>
        </content>
        <dc:subject>blog themes</dc:subject>
<dc:subject>free themes</dc:subject>
<dc:subject>themes</dc:subject>
<dc:subject>wordpress themes</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/14-Quality-wordpress-templates.html" rel="alternate" title="Quality wordpress templates" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2007-05-02T07:26:00Z</published>
        <updated>2007-05-28T22:28:08Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=14</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=14</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/7-Themes" label="Themes" term="Themes" />
    
        <id>http://websitetheme.com/archives/14-guid.html</id>
        <title type="html">Quality wordpress templates</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <div class="serendipity_imageComment_left" style="width: 110px"><div class="serendipity_imageComment_img"><a class='serendipity_image_link' href='http://websitetheme.com/uploads/purpling.jpg'><!-- s9ymdb:14 --><img width='110' height='87'  src="http://websitetheme.com/uploads/purpling.serendipityThumb.jpg" alt="/uploads/purpling.serendipityThumb.jpg" /></a></div><div class="serendipity_imageComment_txt">Purpling wordpress theme</div></div><p>Wordpress is by far the most popular open source blogging system around. There are lots of Wordpress themes out there but not all of them are of the highest quality. Quality wordpress themes make your blog stand out from the crowd and help you gain that little extra respect among your readers.</p>
<p>
But how do you go about finding a quality wordpress template? There is a site called Romow blog that tries to list the best <a href="http://www.romow.com/blog/category/free-wordpress-themes/"  title="null">WordPress templates</a> out there. Among the unique designs on that site is the theme purpling as shown in the image to the left. Romow blog includes links to download your choice of theme as well as live demo's so you can see exactly how it will look on your blog. Wordpress bloggers now have a good resource to find quality themes or templates.

</p> 
            </div>
        </content>
        <dc:subject>free templates</dc:subject>
<dc:subject>free themes</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/13-PHP-Variables-and-constants.html" rel="alternate" title="PHP Variables and constants" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2007-03-03T05:40:00Z</published>
        <updated>2009-12-05T22:38:11Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=13</wfw:comment>
    
        <slash:comments>1</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=13</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/8-PHP-Tutorial" label="PHP Tutorial" term="PHP Tutorial" />
    
        <id>http://websitetheme.com/archives/13-guid.html</id>
        <title type="html">PHP Variables and constants</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <h4>Variables introduction</h4>

<p>Variables are used by programmers to store values and to refer to those values in code. Variables in PHP need not be defined. Variable types also do not exist although variable scope does. All variables begin with a $ sign. Variable names can contain numbers, letters and underscores. Variable names can only begin with letters or underscores. PHP variables are case sensitive. For ex: $a is different from $A. Below are given some examples of valid variable names:</p> <br /><a href="http://websitetheme.com/archives/13-PHP-Variables-and-constants.html#extended">Continue reading "PHP Variables and constants"</a>
            </div>
        </content>
        <dc:subject>beginners guide</dc:subject>
<dc:subject>php</dc:subject>
<dc:subject>programming</dc:subject>
<dc:subject>server side programming</dc:subject>
<dc:subject>tutorial</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/12-Key-features-of-a-good-website-navigation-system.html" rel="alternate" title="Key features of a good website navigation system" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-12-03T11:09:19Z</published>
        <updated>2006-12-03T11:38:47Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=12</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=12</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/2-General-website-design" label="General website design" term="General website design" />
    
        <id>http://websitetheme.com/archives/12-guid.html</id>
        <title type="html">Key features of a good website navigation system</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                
<p>Website useability is an important consideration in any website design.
Websites are designed to be viewed by many different people and it is
important that designers allow for different needs. A website
navigation system must allow for easy and intuitive navigation between the
different sections of a site. Some of the key features of any website
navigation system are given below:</p><p /> <br /><a href="http://websitetheme.com/archives/12-Key-features-of-a-good-website-navigation-system.html#extended">Continue reading "Key features of a good website navigation system"</a>
            </div>
        </content>
        <dc:subject>hci</dc:subject>
<dc:subject>navigation</dc:subject>
<dc:subject>useability</dc:subject>
<dc:subject>website design</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/11-Colour-combinations-for-web-designers.html" rel="alternate" title="Colour combinations for web designers" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-11-23T15:40:29Z</published>
        <updated>2006-11-23T15:40:29Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=11</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=11</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/2-General-website-design" label="General website design" term="General website design" />
    
        <id>http://websitetheme.com/archives/11-guid.html</id>
        <title type="html">Colour combinations for web designers</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                
Visually appealing colour combinations are not always easy to make. But there are a number of websites that allow you to generate good looking colour combinations.<br /><br />Siteprocentral's <a href="http://www.siteprocentral.com/html_color_code.html">color combination tool</a> is very impressive. It allows you to automatically generate complimentary, monochromatic and analogic colours based on the colour you select. You can vary the hue, saturation and brightness to get the colour you like.<br /><br /><a href="http://www.colorcombos.com/">Colorcombos.com</a> allows you to compare colours and generate various combinations. It also generates basic templates from your choosen colour combo.<br /><br /> 
            </div>
        </content>
        <dc:subject>colour combination</dc:subject>
<dc:subject>design sense</dc:subject>
<dc:subject>HCI</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/10-Why-blogs-are-easier-to-promote.html" rel="alternate" title="Why blogs are easier to promote" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-11-11T04:07:13Z</published>
        <updated>2006-11-11T04:14:02Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=10</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=10</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/9-Promotion" label="Promotion" term="Promotion" />
    
        <id>http://websitetheme.com/archives/10-guid.html</id>
        <title type="html">Why blogs are easier to promote</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                
Blogs are increasing in popularity as an easy to promote website. Blogs
tend to have better search engine visibility and rankings and they have
many advantages over conventional websites.<br /><br />Each blog post is
worth a few backlinks straight off the bat. This is because each time
you post your blog software pings services like technorati which then
link to your post. The more you post the more backlinks you get and the
greater your chances of higher page rank.<br /><br />Blogs also seem to
have more &quot;pages&quot; of content than static websites. Consider in how many
ways a single post appears. It can be accessed through your frontpage,
archives, category overview, tag overview or as a single post. In
almost every case it appears alongside different posts that together
make the whole page unique. This is why blogs have more pages and SEs
like websites with lots of pages.<br /><br />By its very nature a blog is
designed to be updated regularly. SEs love websites that have fresh
content and so they will rank a blog with regularly updated content
better than a static site that is only occassionaly updated.<br /><br />Blogs are also easier to promote because they provided rss feeds that your users can subscribe to.<br /><br />One
of the most important factors behind SEO is the need to have your
content at the very start of your web page. Since a lot of blogs favour
the right hand sidebar, they usually have most of their content at the
beginning of the source code. This makes them more search engine
friendly.<br /><br />For all these reasons blogs are easier to promote.<br />
 
            </div>
        </content>
        <dc:subject>blogging</dc:subject>
<dc:subject>search engine optimization</dc:subject>
<dc:subject>seo</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/9-This-site-is-now-in-the-first-page-of-google-results.html" rel="alternate" title="This site is now in the first page of google results" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-10-17T08:37:53Z</published>
        <updated>2006-10-17T08:47:01Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=9</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=9</wfw:commentRss>
    
    
        <id>http://websitetheme.com/archives/9-guid.html</id>
        <title type="html">This site is now in the first page of google results</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <div class="serendipity_imageComment_left" style="width: 110px"><div class="serendipity_imageComment_img"><a class='serendipity_image_link' href='http://websitetheme.com/uploads/google.png'><img width='110' height='61'  src="http://websitetheme.com/uploads/google.serendipityThumb.png" alt="" /></a></div><div class="serendipity_imageComment_txt">Click on thumbnail to view larger image</div></div>Just 7 entries later this site has reached the first page of the Google Search Engine Results Page for <a href="http://www.google.com/search?lr=&amp;ie=UTF-8&amp;oe=UTF-8&amp;q=website%20theme">"website theme"</a>!  The main reason for this jump appears to be the domain and the free theme I recently created and promoted. Just goes to show the potential in this domain.
 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/8-Standards-based-coding-is-easy.html" rel="alternate" title="Standards based coding is easy" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-10-06T18:03:37Z</published>
        <updated>2006-10-06T18:11:35Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=8</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=8</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/3-Code" label="Code" term="Code" />
    
        <id>http://websitetheme.com/archives/8-guid.html</id>
        <title type="html">Standards based coding is easy</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Coding according to w3c standards is a major selling point for website designers these days. But how hard is it really? Consider some of the differences between valid XHTML transitional and the usual sloppy HTML coding:<br /><br /><ul><li>All tags in XHTML are written in simple letters. So no more &lt;P&gt; or &lt;BODY&gt; but &lt;p&gt; or &lt;body&gt;. Saves typing really.</li><li>All tags are closed even ones that you wouldn't close in HTML. For example: &lt;br /&gt; . <br /></li><li>img tags need to specify alternate text like &lt;img src="gg.gif" alt="somting" /&gt; .Note also the self closing of the img tag.<br /></li></ul>These are just some of the simple changes you have to make to get your site to validate. So in essence its not really a lot of work!<br /> 
            </div>
        </content>
        <dc:subject>validation</dc:subject>
<dc:subject>w3c standards</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/7-PHP-introduction,-code-delimiters,-comments-and-statements.html" rel="alternate" title="PHP introduction, code delimiters, comments and statements" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-09-19T02:04:30Z</published>
        <updated>2006-10-06T17:51:24Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=7</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=7</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/8-PHP-Tutorial" label="PHP Tutorial" term="PHP Tutorial" />
    
        <id>http://websitetheme.com/archives/7-guid.html</id>
        <title type="html">PHP introduction, code delimiters, comments and statements</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <h4>Introduction</h4>

<p>PHP Hypertext Preprocessor (PHP) is the most popular server-side scripting language on the world wide web. This guide is designed to introduce programmers familiar with other programming languages to PHP.</p>

<p>
This guide will take the form of a series of posts that will cover PHP from the basics to intermediate level. In this post I will cover code delimiters, comments and PHP statements.
</p> <br /><a href="http://websitetheme.com/archives/7-PHP-introduction,-code-delimiters,-comments-and-statements.html#extended">Continue reading "PHP introduction, code delimiters, comments and statements"</a>
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/6-RoundedCorner-free-website-theme.html" rel="alternate" title="RoundedCorner free website theme" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-09-18T22:44:34Z</published>
        <updated>2006-10-26T15:20:45Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=6</wfw:comment>
    
        <slash:comments>1</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=6</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/7-Themes" label="Themes" term="Themes" />
    
        <id>http://websitetheme.com/archives/6-guid.html</id>
        <title type="html">RoundedCorner free website theme</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                
<div style="width: 110px;" class="serendipity_imageComment_left">

<div class="serendipity_imageComment_img">

<a href="http://websitetheme.com/uploads/roundedcorner_rs.png" class="serendipity_image_link">

<img width="110" height="77" src="http://websitetheme.com/uploads/roundedcorner_rs.serendipityThumb.png" />

</a>

</div>

<div class="serendipity_imageComment_txt">Click on thumbnail to see full sized version

</div>

</div>

<div style="width: 110px;" class="serendipity_imageComment_right"><div class="serendipity_imageComment_img"><a href="http://websitetheme.com/uploads/roundedcorner_both.png" class="serendipity_image_link"><img width="110" height="77" src="http://websitetheme.com/uploads/roundedcorner_both.serendipityThumb.png" /></a></div><div class="serendipity_imageComment_txt">Click to view larger image.</div></div>

A standards based pure CSS design that is full of rounded rectangles and soft shadows. An ideal theme for a blog or personal site, roundedcorner is free for most uses. I would appreciate it if you did not remove the link to my site in the footer of each page. This theme has 3 variations included in the zip file. <br /><a href="http://websitetheme.com/archives/6-RoundedCorner-free-website-theme.html#extended">Continue reading "RoundedCorner free website theme"</a>
            </div>
        </content>
        <dc:subject>free templates</dc:subject>
<dc:subject>free themes</dc:subject>
<dc:subject>themes</dc:subject>
<dc:subject>website design</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/5-CSS-button-hovers-without-the-lag.html" rel="alternate" title="CSS button hovers without the lag" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-09-17T18:00:52Z</published>
        <updated>2006-09-17T18:15:38Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=5</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=5</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/3-Code" label="Code" term="Code" />
    
        <id>http://websitetheme.com/archives/5-guid.html</id>
        <title type="html">CSS button hovers without the lag</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <div class="serendipity_imageComment_right" style="width: 136px"><div class="serendipity_imageComment_img"><img width='136' height='84'  src="http://websitetheme.com/uploads/button.jpg" alt="" /></div><div class="serendipity_imageComment_txt">Both the hover (bottom) and normal (top) states of the button are in one image. </div></div>One of the best features of css is the ability to perform button hovers without java script. By button hovers I mean creating links that have different background images based on whether the mouse pointer is over the link or not. With CSS this is as simple as setting different background images for the a tag and the a:hover pseudo class:

<div class="css" style="text-align: left"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">a<span style="color: #66cc66;">&#123;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000000; font-weight: bold;">background-image</span>:<span style="color: #993333;">url</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"img/normal.png"</span><span style="color: #66cc66;">&#41;</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">a:hover<span style="color: #66cc66;">&#123;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000000; font-weight: bold;">background-image</span>:<span style="color: #993333;">url</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"img/mouseover.png"</span><span style="color: #66cc66;">&#41;</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&#160;</div></li></ol></div>
<p>The image specified in the a:hover class will be displayed when the user moves the mouse pointer over an image. Once the user moves the mouse pointer away from the image it will revert to normal.png as specified in the a class.</p>

<p>This technique is an easy way to implement button hovers but it has one flaw. When the user moves the mouse over the link for the first time there is a time lag during which the mouseover.png image is fetched by the browser. Therefore the user does not see this effect immediately.Whats the solution? Well I discovered it while going through the code of the free wordpress theme <a href="http://www.jide.fr/english/downloads/template-freshy-wordpress/"  title="http://www.jide.fr/english/downloads/template-freshy-wordpress/">freshy</a>.
</p><p>
The author of that theme Julien  De Luca uses an interesting techinque. Both the normal state and the hover state of the button are placed in the same image. However the position of the background is changed depending on hover or not:</p>

<div class="css" style="text-align: left"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">a <span style="color: #66cc66;">&#123;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000000; font-weight: bold;">background-image</span>:<span style="color: #993333;">url</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"normal.png"</span><span style="color: #66cc66;">&#41;</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">background-position<span style="color: #3333ff;">:<span style="color: #000000; font-weight: bold;">top</span> </span>left;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&#160;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&#160;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">a:hover<span style="color: #66cc66;">&#123;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">background-position<span style="color: #3333ff;">:<span style="color: #000000; font-weight: bold;">bottom</span> </span>left;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&#160;</div></li></ol></div>
<p>
Using this technique you can remove the time lag because the browser has to fetch only one image that contains both normal and hover states.</p> 
            </div>
        </content>
        <dc:subject>website design</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/4-Search-engine-optimization-basics.html" rel="alternate" title="Search engine optimization basics" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-08-18T04:49:36Z</published>
        <updated>2006-08-18T04:49:36Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=4</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=4</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/3-Code" label="Code" term="Code" />
            <category scheme="http://websitetheme.com/categories/2-General-website-design" label="General website design" term="General website design" />
    
        <id>http://websitetheme.com/archives/4-guid.html</id>
        <title type="html">Search engine optimization basics</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Search engines are used by all netizens to find useful content. Search Engine Optimization or SEO is the art of developing websites that enjoy a good position on search engine results pages. Website designers and developers are keen to see their websites succeed.&#160; Optimizing thier websites for search engine traffic can really help improve their website's visibility. In this post I examine some of the key factors that affect search engine rankings. <br /><a href="http://websitetheme.com/archives/4-Search-engine-optimization-basics.html#extended">Continue reading "Search engine optimization basics"</a>
            </div>
        </content>
        <dc:subject>search engine optimization</dc:subject>
<dc:subject>SEO</dc:subject>
<dc:subject>website design</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/2-Firefox-Website-Design-Extensions.html" rel="alternate" title="Firefox Website Design Extensions" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-08-16T02:26:21Z</published>
        <updated>2006-09-22T23:27:00Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=2</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=2</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/2-General-website-design" label="General website design" term="General website design" />
            <category scheme="http://websitetheme.com/categories/5-Software" label="Software" term="Software" />
    
        <id>http://websitetheme.com/archives/2-guid.html</id>
        <title type="html">Firefox Website Design Extensions</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Like most website designers I am addicted to Mozilla Firefox. I have been using this browser since its 0.8 release version. I was first exposed to it when I switched to using Linux as my primary OS for a short while. In those days firefox was known as Firebird. But you really can't beat its feature set now. <br /><br />One of the great things about Firefox is that it can be extended with extensions. These extensions add functionality to the browser. In this post I will examine a few of the Firefox extensions that aid website design. <br /><a href="http://websitetheme.com/archives/2-Firefox-Website-Design-Extensions.html#extended">Continue reading "Firefox Website Design Extensions"</a>
            </div>
        </content>
        <dc:subject>validation</dc:subject>
<dc:subject>w3c standards</dc:subject>
<dc:subject>website design tools</dc:subject>

    </entry>
    <entry>
        <link href="http://websitetheme.com/archives/1-Domain-WebsiteTheme.com-For-Sale.html" rel="alternate" title="Domain WebsiteTheme.com For Sale" />
        <author>
            <name>Abdussamad Abdurrazzaq</name>
                    </author>
    
        <published>2006-08-11T19:28:43Z</published>
        <updated>2006-09-22T23:15:29Z</updated>
        <wfw:comment>http://websitetheme.com/wfwcomment.php?cid=1</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://websitetheme.com/rss.php?version=atom1.0&amp;type=comments&amp;cid=1</wfw:commentRss>
    
            <category scheme="http://websitetheme.com/categories/2-General-website-design" label="General website design" term="General website design" />
    
        <id>http://websitetheme.com/archives/1-guid.html</id>
        <title type="html">Domain WebsiteTheme.com For Sale</title>
        <content type="xhtml" xml:base="http://websitetheme.com/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <p>This domain is for sale. The great thing about this domain is that it includes two keywords &quot;website&quot; and &quot;theme&quot; related to website design and development. It is also a short and easy to remember dot com. </p> <br /><a href="http://websitetheme.com/archives/1-Domain-WebsiteTheme.com-For-Sale.html#extended">Continue reading "Domain WebsiteTheme.com For Sale"</a>
            </div>
        </content>
        <dc:subject>domain for sale</dc:subject>
<dc:subject>domain name industry</dc:subject>

    </entry>

</feed>
