<?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>鸭脖客 &#187; 今天</title>
	<atom:link href="http://yaboke.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://yaboke.com</link>
	<description>脖子伸长,视野较远</description>
	<lastBuildDate>Sun, 08 Jan 2012 14:55:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>放大/缩小导航菜单效果(CSS)</title>
		<link>http://yaboke.com/zoom-in-out-navigation-menu-effects-css/</link>
		<comments>http://yaboke.com/zoom-in-out-navigation-menu-effects-css/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 15:14:42 +0000</pubDate>
		<dc:creator>果酱</dc:creator>
				<category><![CDATA[杂七八]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[放大]]></category>
		<category><![CDATA[缩小]]></category>
		<category><![CDATA[菜单]]></category>

		<guid isPermaLink="false">http://yaboke.com/?p=1198</guid>
		<description><![CDATA[记得之前有一款苹果类的动画菜单，鼠标悬停上去后会出现放大的动画效果，非常不错。这里并不是介绍那种菜单，而是一款用只用css实现的放大/缩小导航菜单。 虽然没有jQuery那样的动画效果，但胜在小巧。 先看看预览的效果吧，其中包含了纯CSS和图片替换2种方法的演示 &#8211; Demo 下载地址 &#8211; Download （网盘） 你还可以在作者的网页中看到更详细的介绍 &#8211; Bubble Effect]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1199" title="Bubble Effect" src="http://yaboke.com/wp-content/uploads/2009/11/Bubble-Effect.jpg" alt="Bubble Effect" width="400" height="200" /></p>
<p>记得之前有一款苹果类的动画菜单，鼠标悬停上去后会出现放大的动画效果，非常不错。这里并不是介绍那种菜单，而是一款用只用css实现的放大/缩小导航菜单。</p>
<p>虽然没有jQuery那样的动画效果，但胜在小巧。</p>
<p>先看看预览的效果吧，其中包含了纯CSS和图片替换2种方法的演示 &#8211; <a href="http://aext.net/example/bubble-css/" target="_blank">Demo</a><span id="more-1198"></span></p>
<p>下载地址 &#8211; <a href="http://down.qiannao.com/space/show/jamsjam/-4e0a-4f20-5206-4eab/bubble-002dcss.zip/.page" target="_blank">Download</a> （网盘）</p>
<p>你还可以在作者的网页中看到更详细的介绍 &#8211; <a href="http://aext.net/2009/11/bubble-effect-with-css/" target="_blank">Bubble Effect</a></p>
]]></content:encoded>
			<wfw:commentRss>http://yaboke.com/zoom-in-out-navigation-menu-effects-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mega下拉导航菜单(jQuery &amp; CSS)</title>
		<link>http://yaboke.com/mega-drop-down-navigation-menu-jquery-css/</link>
		<comments>http://yaboke.com/mega-drop-down-navigation-menu-jquery-css/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 13:45:25 +0000</pubDate>
		<dc:creator>果酱</dc:creator>
				<category><![CDATA[杂七八]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Mega]]></category>
		<category><![CDATA[下拉]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[菜单]]></category>

		<guid isPermaLink="false">http://yaboke.com/?p=1183</guid>
		<description><![CDATA[如果你的网站拥有很多的内容和比别人更细节的分类,这样,一个漂亮的Mega导航菜单应该很适合你拿去使用. Mega是什么意思? 之前也介绍过一款用jQuery实现的Mega导航菜单效果,简单的来说这就是一种很大,可以包含进去很多内容的导航菜单. 不过上次的那款不是很好看,这里的更优秀一些. 先来看看预览吧 &#8211; Demo 具体的制作过程在作者那里有更详细的说明 &#8211; Mega Drop Down Menus]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1184" title="mega下拉导航菜单 jQuery&amp;css" src="http://yaboke.com/wp-content/uploads/2009/11/demo.jpg" alt="mega下拉导航菜单 jQuery&amp;css" width="400" height="139" /></p>
<p>如果你的网站拥有很多的内容和比别人更细节的分类,这样,一个漂亮的Mega导航菜单应该很适合你拿去使用.</p>
<p>Mega是什么意思? 之前也介绍过<a href="http://yaboke.com/jquery-to-achieve-the-effect-of-mega-navigation-menu-download/" target="_blank">一款用jQuery实现的Mega导航菜单效果</a>,简单的来说这就是一种很大,可以包含进去很多内容的导航菜单.</p>
<p>不过上次的那款不是很好看,这里的更优秀一些.</p>
<p>先来看看预览吧 &#8211; <a href="http://www.sohtanaka.com/web-design/examples/mega-dropdowns/" target="_blank">Demo</a><span id="more-1183"></span></p>
<p>具体的制作过程在作者那里有更详细的说明 &#8211; <a href="http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/" target="_blank">Mega Drop Down Menus</a></p>
]]></content:encoded>
			<wfw:commentRss>http://yaboke.com/mega-drop-down-navigation-menu-jquery-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>仿Apple，滑动展示板块（CSS &amp; jQuery）</title>
		<link>http://yaboke.com/apple-like-slideshow-css-jquery/</link>
		<comments>http://yaboke.com/apple-like-slideshow-css-jquery/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 07:12:58 +0000</pubDate>
		<dc:creator>果酱</dc:creator>
				<category><![CDATA[杂七八]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[仿Apple]]></category>
		<category><![CDATA[展示]]></category>
		<category><![CDATA[滑动]]></category>

		<guid isPermaLink="false">http://yaboke.com/?p=1161</guid>
		<description><![CDATA[之前已经有了模仿apple边栏手风琴的导航菜单效果。 这次带来的是模仿apple滑动展示板块的效果，原版的在iphone的主页，与原版不同的是，iphone用的渐隐方式，这里用的滑动模式。以CSS和jQuery实现效果。 效果预览&#38;下载地址&#38;教程地址]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1162" title="仿apple滑动展示板块，css&amp;jquery" src="http://yaboke.com/wp-content/uploads/2009/11/aslis.JPG" alt="仿apple滑动展示板块，css&amp;jquery" width="400" height="195" /></p>
<p>之前已经有了<a href="http://yaboke.com/jquery-organ-plug-in-by-hand-to-create-apple-sidebar-navigation-menu/" target="_blank">模仿apple边栏手风琴的导航菜单效果</a>。</p>
<p>这次带来的是模仿apple滑动展示板块的效果，原版的在<a href="http://www.apple.com/iphone/" target="_blank">iphone的主页</a>，与原版不同的是，iphone用的渐隐方式，这里用的滑动模式。以CSS和jQuery实现效果。<span id="more-1161"></span></p>
<p><a href="http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html" target="_blank">效果预览</a>&amp;<a href="http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.zip" target="_blank">下载地址</a>&amp;<a href="http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/" target="_blank">教程地址</a></p>
]]></content:encoded>
			<wfw:commentRss>http://yaboke.com/apple-like-slideshow-css-jquery/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>漂亮的css模板网站 &#8211; ChocoTemplates</title>
		<link>http://yaboke.com/nice-css-template-web-site-chocotemplates/</link>
		<comments>http://yaboke.com/nice-css-template-web-site-chocotemplates/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 10:13:55 +0000</pubDate>
		<dc:creator>果酱</dc:creator>
				<category><![CDATA[杂七八]]></category>
		<category><![CDATA[ChocoTemplates]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[漂亮]]></category>
		<category><![CDATA[网站]]></category>

		<guid isPermaLink="false">http://yaboke.com/?p=914</guid>
		<description><![CDATA[漂亮的不止是网站,虽然内容不多,但其中的css模板也是相当有些质量之说. ChocoTemplates提供的免费css&#38;html模板都可以通过点击图片进入预览和下载,可以为自己打造wordpress主题寻找灵感,个人最喜欢的是下面这款名曰GamePortal的.]]></description>
			<content:encoded><![CDATA[<p>漂亮的不止是网站,虽然内容不多,但其中的css模板也是相当有些质量之说.</p>
<p><a href="http://chocotemplates.com/" target="_blank">ChocoTemplates</a>提供的免费css&amp;html模板都可以通过点击图片进入预览和下载,可以为自己打造wordpress主题寻找灵感,个人最喜欢的是下面这款名曰GamePortal的.</p>
<p><img class="alignnone size-full wp-image-915" title="Gameportal-漂亮的css模板" src="http://yaboke.com/wp-content/uploads/2009/09/big-portal-1.jpg" alt="Gameportal-漂亮的css模板" width="500" height="200" /></p>
]]></content:encoded>
			<wfw:commentRss>http://yaboke.com/nice-css-template-web-site-chocotemplates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>“Redmint”精致的两栏wordpress主题</title>
		<link>http://yaboke.com/redmint-elegant-wordpress-theme-two-columns/</link>
		<comments>http://yaboke.com/redmint-elegant-wordpress-theme-two-columns/#comments</comments>
		<pubDate>Sat, 15 Aug 2009 12:58:58 +0000</pubDate>
		<dc:creator>果酱</dc:creator>
				<category><![CDATA[杂七八]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Redmint]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[wordpress主题]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[下拉菜单]]></category>
		<category><![CDATA[两栏]]></category>
		<category><![CDATA[固定宽度]]></category>
		<category><![CDATA[圆角]]></category>
		<category><![CDATA[小工具]]></category>
		<category><![CDATA[精致]]></category>
		<category><![CDATA[验证]]></category>

		<guid isPermaLink="false">http://yaboke.com/?p=434</guid>
		<description><![CDATA[Redmint是一款固定宽度的两栏圆角wordpress主题,动感的下拉菜单,支持widget小工具,通过XHTML和CSS验证.适应所有主流浏览器并兼容于wordpress 2.6以上版本. 后台设有控制面板用于设置广告之类的选项.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-435" title="Redmint精致的两栏wordpress主题" src="http://yaboke.com/wp-content/uploads/2009/08/Redmint.jpg" alt="Redmint精致的两栏wordpress主题" width="600" height="300" /></p>
<p>Redmint是一款固定宽度的两栏圆角wordpress主题,动感的下拉菜单,支持widget小工具,通过XHTML和CSS验证.适应所有主流浏览器并兼容于wordpress 2.6以上版本.</p>
<p>后台设有控制面板用于设置广告之类的选项.</p>
<p><a href="http://demo.magpress.com/index.php?wptheme=Redmint" target="_blank"><img class="alignnone size-full wp-image-310" title="主题预览" src="http://yaboke.com/wp-content/uploads/2009/08/yulan.gif" alt="主题预览" width="100" height="30" /></a><a href="http://www.magpress.com/download/8/" target="_blank"><img class="alignnone size-full wp-image-309" title="主题下载" src="http://yaboke.com/wp-content/uploads/2009/08/xiazai.gif" alt="主题下载" width="100" height="30" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://yaboke.com/redmint-elegant-wordpress-theme-two-columns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

