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

<channel>
	<title>Free CSS Scripts</title>
	<atom:link href="http://css-examples.net/feed" rel="self" type="application/rss+xml" />
	<link>http://css-examples.net</link>
	<description></description>
	<pubDate>Thu, 29 May 2008 12:36:00 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS Tableless Form Download</title>
		<link>http://css-examples.net/css-tableless-form-download-22.html</link>
		<comments>http://css-examples.net/css-tableless-form-download-22.html#comments</comments>
		<pubDate>Thu, 29 May 2008 12:36:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Forms - Controls]]></category>

		<guid isPermaLink="false">http://css-examples.net/css-tableless-form-download.html</guid>
		<description><![CDATA[
This code&#160;makes a tableless CSS form which you can use as a template for implementing your own lightweight form. It uses a combination of float and negative margins to crer implementing your own lightweight form. It uses a combination of float and negative margins to create a two column layout for the form. 

The code [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>This code&nbsp;makes a tableless CSS form which you can use as a template for implementing your own lightweight form. It uses a combination of float and negative margins to cre<span id="more-22"></span>r implementing your own lightweight form. It uses a combination of float and negative margins to create a two column layout for the form. </p>
<p>
<p>The code is compatible with all modern web browsers and can easily be customized to suit your needs.</p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/css-tableless-form-download-22.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Glossy Horizontal Menu Download</title>
		<link>http://css-examples.net/glossy-horizontal-menu-download-39.html</link>
		<comments>http://css-examples.net/glossy-horizontal-menu-download-39.html#comments</comments>
		<pubDate>Thu, 29 May 2008 02:35:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://css-examples.net/glossy-horizontal-menu-download.html</guid>
		<description><![CDATA[
Glossy Horizontal Menu is&#160;a&#160;curved, glassy looking horizontal menu. 

Three images are used to create the interface- an underlining repeating gradient imag. 

Three images are used to create the interface- an underlining repeating gradient image, plus left and right parts of a sliced tab image for the selected tab. 

The scripts are compatible with all modern [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>Glossy Horizontal Menu is&nbsp;a&nbsp;curved, glassy looking horizontal menu. </p>
<p>
<p>Three images are used to create the interface- an underlining repeating gradient imag<span id="more-39"></span>. </p>
<p>
<p>Three images are used to create the interface- an underlining repeating gradient image, plus left and right parts of a sliced tab image for the selected tab. </p>
<p>
<p>The scripts are compatible with all modern web browsers.</p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://webdesigninfo.wordpress.com/2007/10/02/pure-css-horiontal-menus/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/glossy-horizontal-menu-download-39.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>CSS Drop Shadows Download</title>
		<link>http://css-examples.net/css-drop-shadows-download-7.html</link>
		<comments>http://css-examples.net/css-drop-shadows-download-7.html#comments</comments>
		<pubDate>Thu, 29 May 2008 00:50:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS Scripts]]></category>

		<guid isPermaLink="false">http://css-examples.net/css-drop-shadows-download.html</guid>
		<description><![CDATA[
This&#160;script shows how to add a drop shadow to any container element using only CSS (no images). 

It does this by wrapping the desired content in a DIV with itsng only CSS (no images). 

It does this by wrapping the desired content in a DIV with its background color set to the desired shadow color. [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>This&nbsp;script shows how to add a drop shadow to any container element using only CSS (no images). </p>
<p>
<p>It does this by wrapping the desired content in a DIV with its<span id="more-7"></span>ng only CSS (no images). </p>
<p>
<p>It does this by wrapping the desired content in a DIV with its background color set to the desired shadow color. The content itself is relatively positioned and shifted slightly upwards and to the left to expose the shadow. </p>
<p>
<p>A &quot;master&quot; DIV that surrounds the entire markup is also relatively positioned, but shifted to the right and downwards to return the entire markup to its original position on the page. The result is a rather rigid- but instant- shadow. </p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.dynamicdrive.com/style/csslibrary/item/css-drop-shadows/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/css-drop-shadows-download-7.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Flashy Links Download</title>
		<link>http://css-examples.net/flashy-links-download-19.html</link>
		<comments>http://css-examples.net/flashy-links-download-19.html#comments</comments>
		<pubDate>Wed, 28 May 2008 17:52:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Forms - Controls]]></category>

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

		<guid isPermaLink="false">http://css-examples.net/flashy-links-download.html</guid>
		<description><![CDATA[
Flashy Links script allows you to add animation effects to your links. Flashy Links takes some of the effects of Flash &#8212; put in a GIF animation &#8212; and combines them y Links takes some of the effects of Flash &#8212; put in a GIF animation &#8212; and combines them with CSS for better accessibility.

This [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>Flashy Links script allows you to add animation effects to your links. Flashy Links takes some of the effects of Flash &mdash; put in a GIF animation &mdash; and combines them <span id="more-19"></span>y Links takes some of the effects of Flash &mdash; put in a GIF animation &mdash; and combines them with CSS for better accessibility.</p>
<p>
<p>This technique, while certainly not completely perfect and cross-browser stable due to caching and rendering differences, offers a reasonable Flash alternative. One that is accessible.</p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://mikecherim.com/experiments/css_flashy_links.php" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/flashy-links-download-19.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Css Only Tab Menu Download</title>
		<link>http://css-examples.net/css-only-tab-menu-download-16.html</link>
		<comments>http://css-examples.net/css-only-tab-menu-download-16.html#comments</comments>
		<pubDate>Mon, 26 May 2008 14:52:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Forms - Controls]]></category>

		<category><![CDATA[Image Effects]]></category>

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

		<guid isPermaLink="false">http://css-examples.net/css-only-tab-menu-download.html</guid>
		<description><![CDATA[
This script&#160;is a simple tabbed menu with rollover and active states using NO javascript. It is completely css based using 2 images for &#34;off&#34; and &#34;on&#34; sng NO javascript. It is completely css based using 2 images for &#34;off&#34; and &#34;on&#34; states.

&#160;To keep this menu as simple as possible, it uses FIXED with images and [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>This script&nbsp;is a simple tabbed menu with rollover and active states using NO javascript. It is completely css based using 2 images for &quot;off&quot; and &quot;on&quot; s<span id="more-16"></span>ng NO javascript. It is completely css based using 2 images for &quot;off&quot; and &quot;on&quot; states.</p>
<p>
<p>&nbsp;To keep this menu as simple as possible, it uses FIXED with images and therefore cannot adjust to the tab texts. The menu itself is made up of an unordered list with the id horizontal_menu.</p>
<p>
<p>You can easily customize it to suit your needs.</p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.cbolson.com/code/css-only-menu/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/css-only-tab-menu-download-16.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>DD Blue Blocks Menu Download</title>
		<link>http://css-examples.net/dd-blue-blocks-menu-download-32.html</link>
		<comments>http://css-examples.net/dd-blue-blocks-menu-download-32.html#comments</comments>
		<pubDate>Sun, 25 May 2008 20:00:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS Scripts]]></category>

		<guid isPermaLink="false">http://css-examples.net/dd-blue-blocks-menu-download-32.html</guid>
		<description><![CDATA[
This code&#160;creates&#160;a block looking vertical menu, inspired by the original Blue Blocks menu and based on the CSS used by the vertical menu of&#160;the site CSS Drive. riginal Blue Blocks menu and based on the CSS used by the vertical menu of&#160;the site CSS Drive. 

It supports the insertion of menu headers to act as [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>This code&nbsp;creates&nbsp;a block looking vertical menu, inspired by the original Blue Blocks menu and based on the CSS used by the vertical menu of&nbsp;the site CSS Drive. <span id="more-32"></span>riginal Blue Blocks menu and based on the CSS used by the vertical menu of&nbsp;the site CSS Drive. </p>
<p>
<p>It supports the insertion of menu headers to act as dividers between groups of menu links. The script is very easy to customize to suit your needs.</p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.dynamicdrive.com/style/csslibrary/item/dd-blue-blocks-menu/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/dd-blue-blocks-menu-download-32.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Photograph Gallery Download</title>
		<link>http://css-examples.net/photograph-gallery-download-8.html</link>
		<comments>http://css-examples.net/photograph-gallery-download-8.html#comments</comments>
		<pubDate>Fri, 23 May 2008 20:44:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Forms - Controls]]></category>

		<category><![CDATA[Image Effects]]></category>

		<category><![CDATA[Image Galleries]]></category>

		<guid isPermaLink="false">http://css-examples.net/photograph-gallery-download.html</guid>
		<description><![CDATA[
Photograph Gallery is a photo album made only with CSS code. This gallery has a simple functioning mechanism:&#160;hover over thumbnail images to give a full size view of each s a simple functioning mechanism:&#160;hover over thumbnail images to give a full size view of each photograph. 

With all but Opera you can also click the [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>Photograph Gallery is a photo album made only with CSS code. This gallery has a simple functioning mechanism:&nbsp;hover over thumbnail images to give a full size view of each <span id="more-8"></span>s a simple functioning mechanism:&nbsp;hover over thumbnail images to give a full size view of each photograph. </p>
<p>
<p>With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added at the bottom of each picture. </p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.cssplay.co.uk/articles/gallery/index.html" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/photograph-gallery-download-8.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>SuckerTree Vertical Menu Download</title>
		<link>http://css-examples.net/suckertree-vertical-menu-download-38.html</link>
		<comments>http://css-examples.net/suckertree-vertical-menu-download-38.html#comments</comments>
		<pubDate>Fri, 23 May 2008 17:29:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://css-examples.net/suckertree-vertical-menu-download.html</guid>
		<description><![CDATA[
This is a vertical, predominantly CSS based (with a touch of JavaScript) multi-level menu. 

It supports as many sub levels as you desire, plus multiple Suckertree mti-level menu. 

It supports as many sub levels as you desire, plus multiple Suckertree menus on the same page. The CSS and JavaScript automatically adopts to your HTML code [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>This is a vertical, predominantly CSS based (with a touch of JavaScript) multi-level menu. </p>
<p>
<p>It supports as many sub levels as you desire, plus multiple Suckertree m<span id="more-38"></span>ti-level menu. </p>
<p>
<p>It supports as many sub levels as you desire, plus multiple Suckertree menus on the same page. The CSS and JavaScript automatically adopts to your HTML code in each case. </p>
<p>The trick to Suckertree is a small adoptable piece of JavaScript that crawls the inner levels of a list menu and assigns the appropriate show/hide behavior to them. </p>
<p>
<p>This differs from Suckerfish menu, which merely uses JavaScript to compensate for IE&#8217;s shortcomings when it comes to CSS, so the menu is more rigid and requires manual changes to the CSS as the number of levels in your menu changes. </p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/suckertree-vertical-menu-download-38.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Simple Tabs Download</title>
		<link>http://css-examples.net/simple-tabs-download-21.html</link>
		<comments>http://css-examples.net/simple-tabs-download-21.html#comments</comments>
		<pubDate>Wed, 21 May 2008 00:32:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://css-examples.net/simple-tabs-download.html</guid>
		<description><![CDATA[
Simple Tabs script helps you to implement a tabbed CSS menu into your website navigation system.These semantic navigational tabs use the least possible markup and CSS, and are e navigation system.These semantic navigational tabs use the least possible markup and CSS, and are in a word: simple. 

No frills here, just a two tiny images, [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>Simple Tabs script helps you to implement a tabbed CSS menu into your website navigation system.These semantic navigational tabs use the least possible markup and CSS, and are <span id="more-21"></span>e navigation system.These semantic navigational tabs use the least possible markup and CSS, and are in a word: simple. </p>
<p>
<p>No frills here, just a two tiny images, (and masthead image), and the rest is done with colors and borders. This is your entry-level accessible menu and masthead system. </p>
<p>
<p>The script is very easy to install, use and customize for your own website.</p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://mikecherim.com/experiments/css_simple_tabs.php" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/simple-tabs-download-21.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Curly Corner Container Download</title>
		<link>http://css-examples.net/curly-corner-container-download-4.html</link>
		<comments>http://css-examples.net/curly-corner-container-download-4.html#comments</comments>
		<pubDate>Sun, 18 May 2008 08:52:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Forms - Controls]]></category>

		<guid isPermaLink="false">http://css-examples.net/curly-corner-container-download.html</guid>
		<description><![CDATA[
There are countless techniques on the web for adding curly/ round corners to DIV containers. This script shows one way to add a curly lower right corner to any DIV on your page DIV containers. This script shows one way to add a curly lower right corner to any DIV on your page. 

It does [...]]]></description>
			<content:encoded><![CDATA[<p><!--nojustify-->
<p>There are countless techniques on the web for adding curly/ round corners to DIV containers. This script shows one way to add a curly lower right corner to any DIV on your page<span id="more-4"></span> DIV containers. This script shows one way to add a curly lower right corner to any DIV on your page. </p>
<p>
<p>It does so by using relative positioning to slightly offset a DIV to the right and bottom, so its background image, which is a curly image, falls inline with the border of the outer DIV. </p>
<p>
<p>The script is compatible with all modern web browsers. </p>
<p><img align="middle" src="/images/mir_download.gif" /> Download from: <a onmouseover="status=''; return true;" onmouseout="status=''" href="http://www.dynamicdrive.com/style/csslibrary/item/curly-corner-container/" id="dwlinks" rel="nofollow">Homepage</a></p>
]]></content:encoded>
			<wfw:commentRss>http://css-examples.net/curly-corner-container-download-4.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
