<?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"
	>

<channel>
	<title>CSS Examples</title>
	<atom:link href="http://csscody.com/demo/feed/" rel="self" type="application/rss+xml" />
	<link>http://csscody.com/demo</link>
	<description></description>
	<pubDate>Thu, 12 Feb 2009 19:17:36 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.5</generator>
	<language>en</language>
			<item>
		<title>Digg style Menu Design in CSS</title>
		<link>http://csscody.com/demo/digg-style-menu-design-in-css/</link>
		<comments>http://csscody.com/demo/digg-style-menu-design-in-css/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 19:12:32 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
		
		<category><![CDATA[Menu Samples]]></category>

		<category><![CDATA[digg Menu Design in CSS]]></category>

		<category><![CDATA[Digg style Menu]]></category>

		<guid isPermaLink="false">http://csscody.com/demo/?p=93</guid>
		<description><![CDATA[Description:
This tutorial I’ll explain a simple step-by-step way to implement an Digg style Menu Design in CSS.
The result is something like this:
Demo Digg Menu 
 Demo &#124; Download source code


Script Code

Step 1: Insert the below into the &#60;HEAD&#62; section of your page: (Select to copy)



The above references an jquery.js file. Download (by right clicking, and [...]]]></description>
		<wfw:commentRss>http://csscody.com/demo/digg-style-menu-design-in-css/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Flickr style photo gallery demo in jQuery</title>
		<link>http://csscody.com/demo/flickr-style-photo-gallery-demo-in-jquery/</link>
		<comments>http://csscody.com/demo/flickr-style-photo-gallery-demo-in-jquery/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 18:44:59 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
		
		<category><![CDATA[Image CSS]]></category>

		<category><![CDATA[Jquery Examples]]></category>

		<category><![CDATA[flickr photo gallery]]></category>

		<category><![CDATA[Flickr style photo gallery]]></category>

		<category><![CDATA[Images CSS]]></category>

		<category><![CDATA[jquery flickr gallery]]></category>

		<guid isPermaLink="false">http://csscody.com/demo/?p=87</guid>
		<description><![CDATA[Description:
This tutorial I’ll explain a simple step-by-step way to implement an Flickr style photo gallery demo in Jquery  and CSS.
The result is something like this:
Demo Flicker Photogallery
 Demo &#124; Download source code


Script Code

Step 1: Insert the below into the &#60;HEAD&#62; section of your page: (Select to copy)






body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}


The above references an jquery.js [...]]]></description>
		<wfw:commentRss>http://csscody.com/demo/flickr-style-photo-gallery-demo-in-jquery/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Download Flickr Menu Design</title>
		<link>http://csscody.com/demo/download-flickr-menu-design/</link>
		<comments>http://csscody.com/demo/download-flickr-menu-design/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 18:04:03 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
		
		<category><![CDATA[Jquery Examples]]></category>

		<category><![CDATA[Menu Samples]]></category>

		<category><![CDATA[Download Flicker Menu Design]]></category>

		<category><![CDATA[flicker like menu design]]></category>

		<category><![CDATA[Flicker menu horizontal]]></category>

		<guid isPermaLink="false">http://csscody.com/demo/?p=83</guid>
		<description><![CDATA[Description:
This tutorial I’ll explain a simple step-by-step way to implement an Flickr Horizontal Menu Demo in Jquery  and CSS.
The result is something like this: 
Demo Flicker Menu
Download menu source code


Script Code

Step 1: Insert the below into the &#60;HEAD&#62; section of your page: (Select to copy)




$(document).ready(function(){
	$("#nicemenu img.arrow").click(function(){ 
		$("span.head_menu").removeClass('active');
		submenu = $(this).parent().parent().find("div.sub_menu");
		if(submenu.css('display')=="block"){
			$(this).parent().removeClass("active"); 	
			submenu.hide(); 		
			$(this).attr('src','arrow_hover.png');									
		}else{
			$(this).parent().addClass("active"); 	
			submenu.fadeIn(); 		
			$(this).attr('src','arrow_select.png');	
		}
		$("div.sub_menu:visible").not(submenu).hide();
		$("#nicemenu img.arrow").not(this).attr('src','arrow.png');
	})
	.mouseover(function(){ [...]]]></description>
		<wfw:commentRss>http://csscody.com/demo/download-flickr-menu-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Custom Alert Boxes using Jquery</title>
		<link>http://csscody.com/demo/custom-alert-boxes-using-jquery/</link>
		<comments>http://csscody.com/demo/custom-alert-boxes-using-jquery/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 21:18:44 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
		
		<category><![CDATA[Jquery Examples]]></category>

		<category><![CDATA[Custom Alert message]]></category>

		<category><![CDATA[customized alert message]]></category>

		<category><![CDATA[delete alert custom message]]></category>

		<category><![CDATA[jquery message box]]></category>

		<guid isPermaLink="false">http://csscody.com/demo/?p=80</guid>
		<description><![CDATA[Description:
This tutorial I’ll explain a simple step-by-step way to implement an Custom Alert Boxes using Jquery Demo with cool sliding and fully customized alert box, error message, delete message, info mesage using Jquery and CSS.
The result is something like this: 
Demo


Script Code

Step 1: Insert the below into the &#60;HEAD&#62; section of your page: (Select to [...]]]></description>
		<wfw:commentRss>http://csscody.com/demo/custom-alert-boxes-using-jquery/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Apple Style Tab Accordion in Jquery</title>
		<link>http://csscody.com/demo/apple-style-tab-accordion-in-jquery/</link>
		<comments>http://csscody.com/demo/apple-style-tab-accordion-in-jquery/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 21:10:08 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
		
		<category><![CDATA[Jquery Examples]]></category>

		<category><![CDATA[Accordion in Jquery]]></category>

		<category><![CDATA[Apple Style  tabs]]></category>

		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://csscody.com/demo/?p=77</guid>
		<description><![CDATA[Description:
This tutorial I’ll explain a simple step-by-step way to implement an Apple Style Tab Accordion in Jquery Demo with cool sliding and animated effects using Jquery and CSS.
The result is something like this: 
Demo


Script Code

Step 1: Insert the below into the &#60;HEAD&#62; section of your page: (Select to copy)
 
    
  [...]]]></description>
		<wfw:commentRss>http://csscody.com/demo/apple-style-tab-accordion-in-jquery/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
