<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ExtraTuts &#187; CSS &amp; Xhtml</title>
	<atom:link href="http://www.extratuts.com/tag/css-xhtml/feed" rel="self" type="application/rss+xml" />
	<link>http://www.extratuts.com</link>
	<description>ExtraTuts is a place where you&#039;ll find a daily updated best of the best resources in websites development and design. Our goal is to deliver you all you need to extend your creativity and enhance your job capabilities by tons of high quality and free  tutorials, resources in web design and development.</description>
	<lastBuildDate>Sun, 05 Sep 2010 15:48:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Using CSS Sprites and Photoshop : Create Menus With Images</title>
		<link>http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images</link>
		<comments>http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images#comments</comments>
		<pubDate>Tue, 04 Aug 2009 14:09:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css menu]]></category>
		<category><![CDATA[css menus]]></category>
		<category><![CDATA[sprite]]></category>
		<category><![CDATA[sprite technique]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=237</guid>
		<description><![CDATA[This tutorial will show you how to create a CSS menu with images using photoshop for the graphic creation ,  html and a css technique called CSS sprites ! Related posts:Create a Dark and Sleek Web Layout Using Photoshop Create a grunge wordpress theme with Photoshop Create a Cartoon Landscape Website With a little jQuery


Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop' rel='bookmark' title='Permanent Link: Create a grunge wordpress theme with Photoshop'>Create a grunge wordpress theme with Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fusing-css-sprites-and-photoshop-create-menus-with-images"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fusing-css-sprites-and-photoshop-create-menus-with-images&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial will show you how to create a CSS menu with images using photoshop for the graphic creation ,  html and a css technique called <strong>CSS sprites !</strong></p>
<p style="text-align: center;"><span id="more-237"></span></p>
<p style="text-align: center;"><a href="http://www.bloggingcss.com/en/tutorials/css-menus-with-images-css-sprites/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial22.jpg" alt="Using CSS Sprites and Photoshop : Create Menus With Images" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop' rel='bookmark' title='Permanent Link: Create a grunge wordpress theme with Photoshop'>Create a grunge wordpress theme with Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Large Background in Css</title>
		<link>http://www.extratuts.com/large-background-in-css</link>
		<comments>http://www.extratuts.com/large-background-in-css#comments</comments>
		<pubDate>Sun, 02 Aug 2009 12:53:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[backgrounds]]></category>
		<category><![CDATA[css tutorials]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=232</guid>
		<description><![CDATA[This tutorial is going to show you the right way to make a large background site with CSS , good tutorial provided with various CSS examples . Related posts:25 attractive twitter background images How To Create a Drop Down Navigation Menu Create Simple Tabs With jQuery and CSS


Related posts:<ol><li><a href='http://www.extratuts.com/25-attractive-twitter-background-images-2' rel='bookmark' title='Permanent Link: 25 attractive twitter background images'>25 attractive twitter background images</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/create-simple-tabs-with-jquery-and-css' rel='bookmark' title='Permanent Link: Create Simple Tabs With jQuery and CSS'>Create Simple Tabs With jQuery and CSS</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Flarge-background-in-css"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Flarge-background-in-css&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial is going to show you the right way to make a large background site with CSS , good tutorial provided with various CSS examples .</p>
<p style="text-align: center;"><span id="more-232"></span></p>
<p style="text-align: center;"><a href="http://www.webdesignerwall.com/tutorials/how-to-css-large-background/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial21.jpg" alt="Large Backgrounds in Css" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/25-attractive-twitter-background-images-2' rel='bookmark' title='Permanent Link: 25 attractive twitter background images'>25 attractive twitter background images</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/create-simple-tabs-with-jquery-and-css' rel='bookmark' title='Permanent Link: Create Simple Tabs With jQuery and CSS'>Create Simple Tabs With jQuery and CSS</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/large-background-in-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajaxed Sliding Shopping Cart Using jQuery</title>
		<link>http://www.extratuts.com/ajaxed-sliding-shopping-cart-using-jquery</link>
		<comments>http://www.extratuts.com/ajaxed-sliding-shopping-cart-using-jquery#comments</comments>
		<pubDate>Sat, 01 Aug 2009 21:34:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Shopping Cart]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=228</guid>
		<description><![CDATA[This tutorial is the last part of WRD E-Commerce Week from webresourcesdepot.com , it shows you how to make a sliding shopping card using jQuery with amazing features . Related posts:Create jQuery Sliders Tutorial Create Simple Tabs With jQuery and CSS Create a Cartoon Landscape Website With a little jQuery


Related posts:<ol><li><a href='http://www.extratuts.com/create-jquery-sliders-tutorial' rel='bookmark' title='Permanent Link: Create jQuery Sliders Tutorial'>Create jQuery Sliders Tutorial</a></li>
<li><a href='http://www.extratuts.com/create-simple-tabs-with-jquery-and-css' rel='bookmark' title='Permanent Link: Create Simple Tabs With jQuery and CSS'>Create Simple Tabs With jQuery and CSS</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fajaxed-sliding-shopping-cart-using-jquery"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fajaxed-sliding-shopping-cart-using-jquery&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial is the last part of <a href="http://www.webresourcesdepot.com/e-commerce-week-at-webresourcesdepot-want-to-sponsor/">WRD E-Commerce Week</a> from webresourcesdepot.com , it shows you how to make a sliding shopping card using jQuery with amazing features .</p>
<p style="text-align: center;"><span id="more-228"></span></p>
<p style="text-align: center;"><a href="http://www.webresourcesdepot.com/ajaxed-sliding-shopping-cart-with-jquery/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial20.jpg" alt="Ajaxed Sliding Shopping Cart Using jQuery" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-jquery-sliders-tutorial' rel='bookmark' title='Permanent Link: Create jQuery Sliders Tutorial'>Create jQuery Sliders Tutorial</a></li>
<li><a href='http://www.extratuts.com/create-simple-tabs-with-jquery-and-css' rel='bookmark' title='Permanent Link: Create Simple Tabs With jQuery and CSS'>Create Simple Tabs With jQuery and CSS</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/ajaxed-sliding-shopping-cart-using-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8 CSS-Only Images Tutorials</title>
		<link>http://www.extratuts.com/css-only-images-tutorials-renewable</link>
		<comments>http://www.extratuts.com/css-only-images-tutorials-renewable#comments</comments>
		<pubDate>Sat, 01 Aug 2009 03:39:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Roundups]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Captions]]></category>
		<category><![CDATA[Clip Property]]></category>
		<category><![CDATA[css images]]></category>
		<category><![CDATA[Transparency]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=221</guid>
		<description><![CDATA[This round up of tutorials focuses on using images with css in different ways to achieve awesome decoration of your website . Creating Thumbnails Using the CSS Clip Property 5 Ways to Spice up Your Images with CSS CSS On-Hover Image Captions CSS Image Transparency Text Blocks Over Image CSS Sliding Door using only 1 [...]


Related posts:<ol><li><a href='http://www.extratuts.com/ways-to-browser-test-and-validate-your-website' rel='bookmark' title='Permanent Link: Ways to Browser Test and Validate Your Website'>Ways to Browser Test and Validate Your Website</a></li>
<li><a href='http://www.extratuts.com/25-jquery-tutorials-roundup-with-examples' rel='bookmark' title='Permanent Link: 25+ jQuery Tutorials Roundup With Examples'>25+ jQuery Tutorials Roundup With Examples</a></li>
<li><a href='http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images' rel='bookmark' title='Permanent Link: Using CSS Sprites and Photoshop : Create Menus With Images'>Using CSS Sprites and Photoshop : Create Menus With Images</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcss-only-images-tutorials-renewable"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcss-only-images-tutorials-renewable&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This round up of tutorials focuses on using images with css in different ways to achieve awesome decoration of your website .</p>
<p style="text-align: center;"><span id="more-221"></span></p>
<p style="text-align: center;">
<h2><a href="http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html">Creating Thumbnails Using the CSS Clip Property</a></h2>
<p style="text-align: center;"><a href="http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/1.jpg" alt="Creating Thumbnails Using the CSS Clip Property" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://www.sohtanaka.com/web-design/spice-up-your-images-with-css/">5 Ways to Spice up Your Images with CSS</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://www.sohtanaka.com/web-design/spice-up-your-images-with-css/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/3.jpg" alt="5 Ways to Spice up Your Images with CSS" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://www.sohtanaka.com/web-design/css-on-hover-image-captions/">CSS On-Hover Image Captions</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://www.sohtanaka.com/web-design/css-on-hover-image-captions/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/4.jpg" alt="CSS On-Hover Image Captions" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://www.designers-chair.com/2009/03/css-image-transparency/">CSS Image Transparency</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://www.designers-chair.com/2009/03/css-image-transparency/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/5.jpg" alt="CSS Image Transparency" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://css-tricks.com/text-blocks-over-image/">Text Blocks Over Image</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://css-tricks.com/text-blocks-over-image/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/6.jpg" alt="Text Blocks Over Image" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://kailoon.com/css-sliding-door-using-only-1-image/">CSS Sliding Door using only 1 image</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://kailoon.com/css-sliding-door-using-only-1-image/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/7.jpg" alt="CSS Sliding Door using only 1 image" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://www.designers-chair.com/2009/03/facebook-picture-tagging-system/">Facebook Picture Tagging System</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://www.designers-chair.com/2009/03/facebook-picture-tagging-system/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/8.jpg" alt="Facebook picture tagging system" width="590" height="170" /></a></p>
<p style="text-align: center;">
<h2><strong><strong><a href="http://csshowto.com/effects/css-image-maps-with-pop-up-tool-tips/">CSS Image Maps With Pop-Up Tool Tips</a></strong></strong></h2>
<p style="text-align: center;"><a href="http://csshowto.com/effects/css-image-maps-with-pop-up-tool-tips/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/1/2.jpg" alt="CSS Image Maps With Pop-Up Tool Tips" width="590" height="170" /></a></p>
<p style="text-align: center;">


<p>Related posts:<ol><li><a href='http://www.extratuts.com/ways-to-browser-test-and-validate-your-website' rel='bookmark' title='Permanent Link: Ways to Browser Test and Validate Your Website'>Ways to Browser Test and Validate Your Website</a></li>
<li><a href='http://www.extratuts.com/25-jquery-tutorials-roundup-with-examples' rel='bookmark' title='Permanent Link: 25+ jQuery Tutorials Roundup With Examples'>25+ jQuery Tutorials Roundup With Examples</a></li>
<li><a href='http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images' rel='bookmark' title='Permanent Link: Using CSS Sprites and Photoshop : Create Menus With Images'>Using CSS Sprites and Photoshop : Create Menus With Images</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/css-only-images-tutorials-renewable/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating Thumbnail Using The Clip Property In CSS</title>
		<link>http://www.extratuts.com/creating-thumbnail-using-the-clip-property-in-css</link>
		<comments>http://www.extratuts.com/creating-thumbnail-using-the-clip-property-in-css#comments</comments>
		<pubDate>Fri, 31 Jul 2009 13:17:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Clip Property]]></category>
		<category><![CDATA[creating thumbnails]]></category>
		<category><![CDATA[css tricks]]></category>
		<category><![CDATA[thumbnails]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=198</guid>
		<description><![CDATA[This Tutorial is going to show you how to create thumbnails using the the clip property in css , It is useful for clipping images and creating thumbnails without duplicating files on the server. Related posts:8 CSS-Only Images Tutorials How To Add Thumbnail To Your WordPress With Custom Fields How To Create a Drop Down [...]


Related posts:<ol><li><a href='http://www.extratuts.com/css-only-images-tutorials-renewable' rel='bookmark' title='Permanent Link: 8 CSS-Only Images Tutorials'>8 CSS-Only Images Tutorials</a></li>
<li><a href='http://www.extratuts.com/how-to-add-thumbnail-to-your-wordpress-with-custom-fields' rel='bookmark' title='Permanent Link: How To Add Thumbnail To Your WordPress With Custom Fields'>How To Add Thumbnail To Your WordPress With Custom Fields</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcreating-thumbnail-using-the-clip-property-in-css"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcreating-thumbnail-using-the-clip-property-in-css&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This Tutorial is going to show you how to create thumbnails using the the clip property in css , It is useful for clipping images and creating thumbnails without duplicating files on the server.</p>
<p style="text-align: center;"><span id="more-198"></span></p>
<p style="text-align: center;"><a href="http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial19.jpg" alt="Creating Thumbnail Using The Clip Property In CSS" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/css-only-images-tutorials-renewable' rel='bookmark' title='Permanent Link: 8 CSS-Only Images Tutorials'>8 CSS-Only Images Tutorials</a></li>
<li><a href='http://www.extratuts.com/how-to-add-thumbnail-to-your-wordpress-with-custom-fields' rel='bookmark' title='Permanent Link: How To Add Thumbnail To Your WordPress With Custom Fields'>How To Add Thumbnail To Your WordPress With Custom Fields</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/creating-thumbnail-using-the-clip-property-in-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ways to Browser Test and Validate Your Website</title>
		<link>http://www.extratuts.com/ways-to-browser-test-and-validate-your-website</link>
		<comments>http://www.extratuts.com/ways-to-browser-test-and-validate-your-website#comments</comments>
		<pubDate>Wed, 29 Jul 2009 14:28:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Browsers compatibility]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[Xhtml]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=161</guid>
		<description><![CDATA[This tutorial is going to show you 13 ways which you can test and validate your Website with by checking css and Xhtml validation . Related posts:Create a Cartoon Landscape Website With a little jQuery How To Create a Drop Down Navigation Menu Lightbox , Futurebox Without Using JavaScript


Related posts:<ol><li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/lightbox-futurebox-without-using-javascript' rel='bookmark' title='Permanent Link: Lightbox , Futurebox Without Using JavaScript'>Lightbox , Futurebox Without Using JavaScript</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fways-to-browser-test-and-validate-your-website"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fways-to-browser-test-and-validate-your-website&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial is going to show you 13 ways which you can test and validate your Website with by checking css and Xhtml validation .</p>
<p style="text-align: center;"><span id="more-161"></span></p>
<p style="text-align: center;"><a href="http://net.tutsplus.com/articles/web-roundups/13-ways-to-browser-test-and-validate-your-work/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial17.jpg" alt="Ways to Browser Test and Validate Your Website" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/lightbox-futurebox-without-using-javascript' rel='bookmark' title='Permanent Link: Lightbox , Futurebox Without Using JavaScript'>Lightbox , Futurebox Without Using JavaScript</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/ways-to-browser-test-and-validate-your-website/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS and jQuery Animated Navigation</title>
		<link>http://www.extratuts.com/css-jquery-animated-navigation-2</link>
		<comments>http://www.extratuts.com/css-jquery-animated-navigation-2#comments</comments>
		<pubDate>Tue, 28 Jul 2009 13:14:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jquery tutorials]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=152</guid>
		<description><![CDATA[This tutorial is going to show you how to make an animated elegant navigation with roll over effects using css and jQuery . Related posts:Crafting an Animated Postcard With jQuery How To Create a Drop Down Navigation Menu Create Simple Tabs With jQuery and CSS


Related posts:<ol><li><a href='http://www.extratuts.com/crafting-an-animated-postcard-with-jquery' rel='bookmark' title='Permanent Link: Crafting an Animated Postcard With jQuery'>Crafting an Animated Postcard With jQuery</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/create-simple-tabs-with-jquery-and-css' rel='bookmark' title='Permanent Link: Create Simple Tabs With jQuery and CSS'>Create Simple Tabs With jQuery and CSS</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcss-jquery-animated-navigation-2"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcss-jquery-animated-navigation-2&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial is going to show you how to make an animated elegant navigation with roll over effects using css and jQuery .</p>
<p style="text-align: center;"><span id="more-152"></span></p>
<p style="text-align: center;"><a href="http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial15.jpg" alt="CSS &amp; jQuery Animated Navigation " width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/crafting-an-animated-postcard-with-jquery' rel='bookmark' title='Permanent Link: Crafting an Animated Postcard With jQuery'>Crafting an Animated Postcard With jQuery</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/create-simple-tabs-with-jquery-and-css' rel='bookmark' title='Permanent Link: Create Simple Tabs With jQuery and CSS'>Create Simple Tabs With jQuery and CSS</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/css-jquery-animated-navigation-2/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Vimeo-like top navigation with css and xhtml</title>
		<link>http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml</link>
		<comments>http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml#comments</comments>
		<pubDate>Mon, 27 Jul 2009 11:41:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[horizontal navigation menu]]></category>
		<category><![CDATA[Navigation Menu]]></category>
		<category><![CDATA[top navigation]]></category>
		<category><![CDATA[Vimeo]]></category>
		<category><![CDATA[Xhtml]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=141</guid>
		<description><![CDATA[In this tutorial we will learn how to implement a Vimeo-like navigation with css and xhtml , this navigation includes a search box and drop down menu , easy to implement . Related posts:How To Create a Drop Down Navigation Menu How To Desgin a WordPress Mockup Layout CSS and jQuery Animated Navigation


Related posts:<ol><li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout' rel='bookmark' title='Permanent Link: How To Desgin a WordPress Mockup Layout'>How To Desgin a WordPress Mockup Layout</a></li>
<li><a href='http://www.extratuts.com/css-jquery-animated-navigation-2' rel='bookmark' title='Permanent Link: CSS and jQuery Animated Navigation'>CSS and jQuery Animated Navigation</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-vimeo-like-top-navigation-with-css-and-xhtml"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-vimeo-like-top-navigation-with-css-and-xhtml&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial we will learn how to implement a Vimeo-like navigation with css and xhtml , this navigation includes a search box and drop down menu , easy to implement .</p>
<p style="text-align: center;" mce_style="text-align: center;"><img src="http://www.extratuts.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" mce_src="http://www.extratuts.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" class="mceWPmore mceItemNoResize" title="More..."></p>
<p style="text-align: center;" mce_style="text-align: center;"><a href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx" mce_href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial14.jpg" mce_src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial14.jpg" alt="Create Vimeo-like top navigation with css and xhtml" height="170" width="590"></a><br mce_bogus="1"></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout' rel='bookmark' title='Permanent Link: How To Desgin a WordPress Mockup Layout'>How To Desgin a WordPress Mockup Layout</a></li>
<li><a href='http://www.extratuts.com/css-jquery-animated-navigation-2' rel='bookmark' title='Permanent Link: CSS and jQuery Animated Navigation'>CSS and jQuery Animated Navigation</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Simple Tabs With jQuery and CSS</title>
		<link>http://www.extratuts.com/create-simple-tabs-with-jquery-and-css</link>
		<comments>http://www.extratuts.com/create-simple-tabs-with-jquery-and-css#comments</comments>
		<pubDate>Wed, 01 Jul 2009 11:12:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tabs]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=126</guid>
		<description><![CDATA[This for begginers tutorial is going to show you how to create Tabs with jQuery and CSS , easy tutorial to implement in few steps . Related posts:15 amazing jquery tabs tutorials Create a Cartoon Landscape Website With a little jQuery Create jQuery Sliders Tutorial


Related posts:<ol><li><a href='http://www.extratuts.com/amazing-jquery-tabs-tutorials' rel='bookmark' title='Permanent Link: 15 amazing jquery tabs tutorials'>15 amazing jquery tabs tutorials</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
<li><a href='http://www.extratuts.com/create-jquery-sliders-tutorial' rel='bookmark' title='Permanent Link: Create jQuery Sliders Tutorial'>Create jQuery Sliders Tutorial</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-simple-tabs-with-jquery-and-css"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-simple-tabs-with-jquery-and-css&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This for begginers tutorial is going to show you how to create Tabs with jQuery and CSS , easy tutorial to implement in few steps .</p>
<p style="text-align: center;"><span id="more-126"></span></p>
<p><a href="http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial11.jpg" alt="Create Simple Tabs With jQuery and CSS " width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/amazing-jquery-tabs-tutorials' rel='bookmark' title='Permanent Link: 15 amazing jquery tabs tutorials'>15 amazing jquery tabs tutorials</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
<li><a href='http://www.extratuts.com/create-jquery-sliders-tutorial' rel='bookmark' title='Permanent Link: Create jQuery Sliders Tutorial'>Create jQuery Sliders Tutorial</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/create-simple-tabs-with-jquery-and-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Create a Drop Down Navigation Menu</title>
		<link>http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu</link>
		<comments>http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu#comments</comments>
		<pubDate>Sun, 28 Jun 2009 20:56:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[drodown]]></category>
		<category><![CDATA[drop down]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[Navigation Menu]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=115</guid>
		<description><![CDATA[In this tutorial we will learn how to create a drop down navigation menu with CSS and Xhtml and make sub categories, You can add it to your site or Blog ! Related posts:Create Vimeo-like top navigation with css and xhtml CSS and jQuery Animated Navigation How To Desgin a WordPress Mockup Layout


Related posts:<ol><li><a href='http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml' rel='bookmark' title='Permanent Link: Create Vimeo-like top navigation with css and xhtml'>Create Vimeo-like top navigation with css and xhtml</a></li>
<li><a href='http://www.extratuts.com/css-jquery-animated-navigation-2' rel='bookmark' title='Permanent Link: CSS and jQuery Animated Navigation'>CSS and jQuery Animated Navigation</a></li>
<li><a href='http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout' rel='bookmark' title='Permanent Link: How To Desgin a WordPress Mockup Layout'>How To Desgin a WordPress Mockup Layout</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-create-a-drop-down-navigation-menu"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-create-a-drop-down-navigation-menu&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial we will learn how to create a drop down navigation menu with CSS and Xhtml and make sub categories, You can add it to your site or Blog !<strong></strong></p>
<p style="text-align: center;"><span id="more-115"></span></p>
<p><a href="http://www.james-blogs.com/2009/06/12/creating-a-drop-down-navigation-menu/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial8.jpg" alt="How To Create a Drop Down Navigation Menu" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml' rel='bookmark' title='Permanent Link: Create Vimeo-like top navigation with css and xhtml'>Create Vimeo-like top navigation with css and xhtml</a></li>
<li><a href='http://www.extratuts.com/css-jquery-animated-navigation-2' rel='bookmark' title='Permanent Link: CSS and jQuery Animated Navigation'>CSS and jQuery Animated Navigation</a></li>
<li><a href='http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout' rel='bookmark' title='Permanent Link: How To Desgin a WordPress Mockup Layout'>How To Desgin a WordPress Mockup Layout</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
