<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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>Comments on: Fixed Fade Out Menu: A CSS and jQuery Tutorial</title>
	<atom:link href="http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/</link>
	<description>Useful resources and inspiration for creative minds</description>
	<lastBuildDate>Wed, 08 Feb 2012 19:26:09 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: Hans</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-3/#comment-310567</link>
		<dc:creator>Hans</dc:creator>
		<pubDate>Tue, 06 Dec 2011 16:30:27 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-310567</guid>
		<description>is it cross browser?</description>
		<content:encoded><![CDATA[<p>is it cross browser?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: cymiz</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-3/#comment-211710</link>
		<dc:creator>cymiz</dc:creator>
		<pubDate>Sun, 09 Oct 2011 05:13:53 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-211710</guid>
		<description>Thanks a fantastic menu , may be i will try to modify for curve border.</description>
		<content:encoded><![CDATA[<p>Thanks a fantastic menu , may be i will try to modify for curve border.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gundya.com</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-42976</link>
		<dc:creator>Gundya.com</dc:creator>
		<pubDate>Tue, 05 Apr 2011 08:00:27 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-42976</guid>
		<description>i am using platform pro theme for wordpress 

i am tried to add this fixed fade out manu but i am not get success because i dont have kowladge to how to add it 

firstly i added following code 

in header 


 
  &lt;a href=&quot;#top&quot; rel=&quot;nofollow&quot;&gt;&lt;/a&gt;
  &lt;a href=&quot;#bottom&quot; rel=&quot;nofollow&quot;&gt;&lt;/a&gt;
  &lt;a&gt;Link 1&lt;/a&gt;
  &lt;a&gt;Link 2&lt;/a&gt;
  &lt;a&gt;Link 3&lt;/a&gt;
  &lt;a&gt;Link 4&lt;/a&gt;
  &lt;a&gt;Link 5&lt;/a&gt;
  &lt;a&gt;Link 6&lt;/a&gt;
  
   
   
  
 



        
            $(function() {
                $(window).scroll(function(){
					var scrollTop = $(window).scrollTop();
					if(scrollTop != 0)
						$(&#039;#nav&#039;).stop().animate({&#039;opacity&#039;:&#039;0.2&#039;},400);
					else	
						$(&#039;#nav&#039;).stop().animate({&#039;opacity&#039;:&#039;1&#039;},400);
				});
				
				$(&#039;#nav&#039;).hover(
					function (e) {
						var scrollTop = $(window).scrollTop();
						if(scrollTop != 0){
							$(&#039;#nav&#039;).stop().animate({&#039;opacity&#039;:&#039;1&#039;},400);
						}
					},
					function (e) {
						var scrollTop = $(window).scrollTop();
						if(scrollTop != 0){
							$(&#039;#nav&#039;).stop().animate({&#039;opacity&#039;:&#039;0.2&#039;},400);
						}
					}
				);
            });
        

now i am not getting where to add  

followig code

#nav{
    height:35px;
    border-bottom:1px solid #ddd;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#ffffff url(http://www.gundya.com/wp-content/uploads/nav.png) repeat-x center left;
    z-index:999999;
}

#nav ul{
    height:25px;
    list-style:none;
    margin:6px auto 0px auto;
    width:600px;
}
#nav ul li{
    display:inline;
    float:left;
    margin:0px 2px;
}

#nav a{
    font-size:11px;
    font-weight:bold;
    float:left;
    padding: 2px 4px;
    color:#999;
    text-decoration: none;
    border:1px solid #ccc;
    cursor: pointer;
    background:transparent url(http://www.gundya.com/wp-content/uploads/overlay.png) repeat-x center left;
    height:16px;
    line-height:16px;
}
#nav a:hover{
    background:#D9D9DA none;
    color: #fff;
}

#nav a.top span, #nav a.bottom span{
    float:left;
    width:16px;
    height:16px;
}
#nav a.top span{
    background:transparent url(http://www.gundya.com/wp-content/uploads/top.png) no-repeat center center;
}
#nav a.bottom span{
    background:transparent url(http://www.gundya.com/wp-content/uploads/bottom.png) no-repeat center center;
}

#nav ul li.search{
    float:right;
}
#nav input[type=&quot;text&quot;]{
    float:left;
    border:1px solid #ccc;
    margin:0px 1px 0px 50px;
    padding:2px 2px 2px 2px;
}

input.searchbutton{
    border:1px solid #ccc;
    padding:1px;
    cursor:pointer;
    width:30px;
    height:22px;
    background:#E8E9EA url(http://www.gundya.com/wp-content/uploads/search.png) no-repeat center center;
}
input.searchbutton:hover{
    background-color:#D9D9DA;
}




please tell me on which file and  with step  by step 



THANKS FOR GREAT WORK !</description>
		<content:encoded><![CDATA[<p>i am using platform pro theme for wordpress </p>
<p>i am tried to add this fixed fade out manu but i am not get success because i dont have kowladge to how to add it </p>
<p>firstly i added following code </p>
<p>in header </p>
<p>  <a href="#top" rel="nofollow"></a><br />
  <a href="#bottom" rel="nofollow"></a><br />
  <a>Link 1</a><br />
  <a>Link 2</a><br />
  <a>Link 3</a><br />
  <a>Link 4</a><br />
  <a>Link 5</a><br />
  <a>Link 6</a></p>
<p>            $(function() {<br />
                $(window).scroll(function(){<br />
					var scrollTop = $(window).scrollTop();<br />
					if(scrollTop != 0)<br />
						$(&#8216;#nav&#8217;).stop().animate({&#8216;opacity&#8217;:&#8217;0.2&#8242;},400);<br />
					else<br />
						$(&#8216;#nav&#8217;).stop().animate({&#8216;opacity&#8217;:&#8217;1&#8242;},400);<br />
				});</p>
<p>				$(&#8216;#nav&#8217;).hover(<br />
					function (e) {<br />
						var scrollTop = $(window).scrollTop();<br />
						if(scrollTop != 0){<br />
							$(&#8216;#nav&#8217;).stop().animate({&#8216;opacity&#8217;:&#8217;1&#8242;},400);<br />
						}<br />
					},<br />
					function (e) {<br />
						var scrollTop = $(window).scrollTop();<br />
						if(scrollTop != 0){<br />
							$(&#8216;#nav&#8217;).stop().animate({&#8216;opacity&#8217;:&#8217;0.2&#8242;},400);<br />
						}<br />
					}<br />
				);<br />
            });</p>
<p>now i am not getting where to add  </p>
<p>followig code</p>
<p>#nav{<br />
    height:35px;<br />
    border-bottom:1px solid #ddd;<br />
    position:fixed;<br />
    top:0px;<br />
    left:0px;<br />
    right:0px;<br />
    background:#ffffff url(http://www.gundya.com/wp-content/uploads/nav.png) repeat-x center left;<br />
    z-index:999999;<br />
}</p>
<p>#nav ul{<br />
    height:25px;<br />
    list-style:none;<br />
    margin:6px auto 0px auto;<br />
    width:600px;<br />
}<br />
#nav ul li{<br />
    display:inline;<br />
    float:left;<br />
    margin:0px 2px;<br />
}</p>
<p>#nav a{<br />
    font-size:11px;<br />
    font-weight:bold;<br />
    float:left;<br />
    padding: 2px 4px;<br />
    color:#999;<br />
    text-decoration: none;<br />
    border:1px solid #ccc;<br />
    cursor: pointer;<br />
    background:transparent url(http://www.gundya.com/wp-content/uploads/overlay.png) repeat-x center left;<br />
    height:16px;<br />
    line-height:16px;<br />
}<br />
#nav a:hover{<br />
    background:#D9D9DA none;<br />
    color: #fff;<br />
}</p>
<p>#nav a.top span, #nav a.bottom span{<br />
    float:left;<br />
    width:16px;<br />
    height:16px;<br />
}<br />
#nav a.top span{<br />
    background:transparent url(http://www.gundya.com/wp-content/uploads/top.png) no-repeat center center;<br />
}<br />
#nav a.bottom span{<br />
    background:transparent url(http://www.gundya.com/wp-content/uploads/bottom.png) no-repeat center center;<br />
}</p>
<p>#nav ul li.search{<br />
    float:right;<br />
}<br />
#nav input[type="text"]{<br />
    float:left;<br />
    border:1px solid #ccc;<br />
    margin:0px 1px 0px 50px;<br />
    padding:2px 2px 2px 2px;<br />
}</p>
<p>input.searchbutton{<br />
    border:1px solid #ccc;<br />
    padding:1px;<br />
    cursor:pointer;<br />
    width:30px;<br />
    height:22px;<br />
    background:#E8E9EA url(http://www.gundya.com/wp-content/uploads/search.png) no-repeat center center;<br />
}<br />
input.searchbutton:hover{<br />
    background-color:#D9D9DA;<br />
}</p>
<p>please tell me on which file and  with step  by step </p>
<p>THANKS FOR GREAT WORK !</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: bilgibank forum</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-39945</link>
		<dc:creator>bilgibank forum</dc:creator>
		<pubDate>Sat, 02 Apr 2011 13:58:31 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-39945</guid>
		<description>thank you for this beautiful theme and also for making web publishing possible for design-challenged people like me!</description>
		<content:encoded><![CDATA[<p>thank you for this beautiful theme and also for making web publishing possible for design-challenged people like me!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: PerS</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-24282</link>
		<dc:creator>PerS</dc:creator>
		<pubDate>Sat, 05 Mar 2011 16:57:00 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-24282</guid>
		<description>I made a WordPress  fade away Admin Bar plugin based on this code, you&#039;ll find it at http://wordpress.org/extend/plugins/pers-fade-away-wp-admin-bar/</description>
		<content:encoded><![CDATA[<p>I made a WordPress  fade away Admin Bar plugin based on this code, you&#8217;ll find it at <a href="http://wordpress.org/extend/plugins/pers-fade-away-wp-admin-bar/" rel="nofollow">http://wordpress.org/extend/plugins/pers-fade-away-wp-admin-bar/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: startbattery</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-7045</link>
		<dc:creator>startbattery</dc:creator>
		<pubDate>Sun, 17 Oct 2010 15:23:34 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-7045</guid>
		<description>The only gripe is, like Fil said, if you click a button you have to move off the menu and on again for it to fade in. Has anyone worked out the little extra code to fix this? I’m looking to add it to my new site and would like to remove this bug if possible!</description>
		<content:encoded><![CDATA[<p>The only gripe is, like Fil said, if you click a button you have to move off the menu and on again for it to fade in. Has anyone worked out the little extra code to fix this? I’m looking to add it to my new site and would like to remove this bug if possible!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dan</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-6116</link>
		<dc:creator>Dan</dc:creator>
		<pubDate>Mon, 06 Sep 2010 16:33:56 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-6116</guid>
		<description>Hi, this is a great little effect. But one thing I’ve noticed is that upon re-hover in IE8, the rollovers do not work.

This is obviously another IE bug, but have you or can you think of any fix?

Thanks

is there any bugfixing to solve this problem?</description>
		<content:encoded><![CDATA[<p>Hi, this is a great little effect. But one thing I’ve noticed is that upon re-hover in IE8, the rollovers do not work.</p>
<p>This is obviously another IE bug, but have you or can you think of any fix?</p>
<p>Thanks</p>
<p>is there any bugfixing to solve this problem?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: chanel handabags on sale</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-5921</link>
		<dc:creator>chanel handabags on sale</dc:creator>
		<pubDate>Tue, 24 Aug 2010 08:01:58 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-5921</guid>
		<description>http://www.handbagsonsales.com

Chanel Handbags 

Gucci Handbags Gucci 2010 New Handbag 

Hermes Handbags 

Balenciaga Handbags 

Bottega Veneta Handbags 

Chloe Handbags 

Coach Handbags 

Dior Handbags 

Fendi Handbags 

Dolce &amp; Gabbana Handbags 

Hermes Handbags 

Versace Handbags 

Prada Handbags</description>
		<content:encoded><![CDATA[<p><a href="http://www.handbagsonsales.com" rel="nofollow">http://www.handbagsonsales.com</a></p>
<p>Chanel Handbags </p>
<p>Gucci Handbags Gucci 2010 New Handbag </p>
<p>Hermes Handbags </p>
<p>Balenciaga Handbags </p>
<p>Bottega Veneta Handbags </p>
<p>Chloe Handbags </p>
<p>Coach Handbags </p>
<p>Dior Handbags </p>
<p>Fendi Handbags </p>
<p>Dolce &amp; Gabbana Handbags </p>
<p>Hermes Handbags </p>
<p>Versace Handbags </p>
<p>Prada Handbags</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martyn</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-5729</link>
		<dc:creator>Martyn</dc:creator>
		<pubDate>Thu, 05 Aug 2010 16:32:18 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-5729</guid>
		<description>As soon as I asked I fixed it! Typical. If anyone is interested here is the extra code to add to the javascript:

$(&#039;#nav&#039;).mouseover(
function(e) {
$(&#039;#nav&#039;).stop().animate({&#039;opacity&#039;:&#039;1&#039;},400);
}
);</description>
		<content:encoded><![CDATA[<p>As soon as I asked I fixed it! Typical. If anyone is interested here is the extra code to add to the javascript:</p>
<p>$(&#8216;#nav&#8217;).mouseover(<br />
function(e) {<br />
$(&#8216;#nav&#8217;).stop().animate({&#8216;opacity&#8217;:&#8217;1&#8242;},400);<br />
}<br />
);</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martyn</title>
		<link>http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/comment-page-2/#comment-5728</link>
		<dc:creator>Martyn</dc:creator>
		<pubDate>Thu, 05 Aug 2010 16:21:09 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=1015#comment-5728</guid>
		<description>Great tutorial!

The only gripe is, like Fil said, if you click a button you have to move off the menu and on again for it to fade in. Has anyone worked out the little extra code to fix this? I&#039;m looking to add it to my new site and would like to remove this bug if possible!

Thanks!!</description>
		<content:encoded><![CDATA[<p>Great tutorial!</p>
<p>The only gripe is, like Fil said, if you click a button you have to move off the menu and on again for it to fade in. Has anyone worked out the little extra code to fix this? I&#8217;m looking to add it to my new site and would like to remove this bug if possible!</p>
<p>Thanks!!</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!-- This Quick Cache file was built for (  tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/feed/ ) in 0.23032 seconds, on Feb 9th, 2012 at 12:16 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 9th, 2012 at 1:16 am UTC -->
