<?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>MarsLau&#039;s Blog &#187; RBcss</title>
	<atom:link href="http://marslau.com/archives/tag/rbcss/feed" rel="self" type="application/rss+xml" />
	<link>http://marslau.com</link>
	<description>Mars博客，记录路上的点滴（个人日记 设计 css wordpress seo）</description>
	<lastBuildDate>Sat, 21 Apr 2012 01:17:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>WordPress主题RBcss发布</title>
		<link>http://marslau.com/archives/330.html</link>
		<comments>http://marslau.com/archives/330.html#comments</comments>
		<pubDate>Thu, 12 Mar 2009 10:26:40 +0000</pubDate>
		<dc:creator>Mars Lau</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[CSS样式]]></category>
		<category><![CDATA[RBcss]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[模板]]></category>

		<guid isPermaLink="false">http://marslau.com/?p=330</guid>
		<description><![CDATA[红黑主题RBcss设计和制作时没有使用一张图片，没有用到JS，纯粹的div+css，大大减小了网站的体积，提升页面加载速度，加上注意了部分SEO技巧，相信纯CSS的RBcss主题对博客的推广有一定的好处... <table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="wordpress主题结构层次图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F224.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/site_images/2011/11/01/10106768.png" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">wordpress主题结构层次图</font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress主题5styles" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F454.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/site_images/2011/11/01/10106743.png" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress主题5styles</font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress搭建企业网站 " style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F86.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/site_images/2011/10/05/8581088.png" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress搭建企业网站 </font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress 主题简明教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F16.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress 主题简明教程</font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress主题amarketer发布" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F397.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress主题amarketer发布</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>写过不少WordPress主题模板，但一直没有发布过，最近做了RBcss。</p>
<p>做RBcss主题的初衷是简单、通用。因此在主题模板设计和制作时没有使用一张图片，没有用到JS，纯粹的div+css，大大减小了网站的体积，提升页面加载速度，加上注意了部分SEO技巧，相信纯CSS的RBcss主题对博客的推广有一定的好处。</p>
<p>RBcss主题色调是经典的红黑搭配，这也是我一直想尝试的色调搭配，又因为是纯CSS的，所以主题名称也是由此命名的RBcss：Red+Black+css。</p>
<p><strong>图片预览：</strong></p>
<p><img style="margin: 5px;" title="纯CSS的wordpress主题RBcss" src="http://marslau.com/wp-content/uploads/2009/03/screenshot.png" alt="screenshot.png" width="300" height="225" /><br />
<img style="margin: 5px;" title="纯CSS的wordpress主题RBcss" src="http://marslau.com/wp-content/uploads/2009/03/rbcss-1.png" alt="RBcss_1.png" width="364" height="262" /><br />
<strong>RBcss主题特性：</strong></p>
<p>两栏；黑红色；支持Widget；支持Gravatar；通过 XHTML 1.1 和 CSS 3 验证；兼容IE6、IE7、IE8、Firefox、chrome等浏览器。</p>
<p>可以根据需要添加<a href="http://lesterchan.net/portfolio/programming.php" target="_blank">WP-PostViews</a>、<a href="http://fairyfish.net/2007/09/12/wordpress-23-related-posts-plugin/" target="_blank">WordPress Related Posts</a>、<a href="http://lesterchan.net/portfolio/programming.php">WP-PageNavi</a>等常用插件。<br />
<strong>预览与下载：</strong></p>
<p><img src="http://marslau.com/wp-content/uploads/2009/03/star.gif" alt="star.gif" width="16" height="16" /> <strong><a title="纯CSS的wordpress主题RBcss预览" href="http://freefeet.net/" target="_blank">预览</a></strong></p>
<p><strong><img src="http://marslau.com/wp-content/uploads/2009/03/download-icon.gif" alt="download-icon.gif" width="16" height="16" /> <a title="纯CSS的wordpress主题RBcss下载" onclick="pageTracker._trackPageview('/download/rbcss');" href="http://marslau.com/download/RBcss.zip" target="_blank">下载（无需插件）</a></strong></p>
<p><strong><img src="http://marslau.com/wp-content/uploads/2009/03/download-icon.gif" alt="download-icon.gif" width="16" height="16" /> <a title="纯CSS的wordpress主题RBcss下载" onclick="pageTracker._trackPageview('/download/rbcss');" href="http://marslau.com/download/RBcss+plugins.zip" target="_blank">下载（需WP-PostViews、WordPress Related Posts、WP-PageNavi插件）</a></strong></p>
<p><strong><span style="color: #ff0000;">更新：</span></strong></p>
<p><span>1、3月14日：改正了使用Widget时侧栏标题调错样式的问题。</span></p>
<ul class="related_post"><li>2008-11-28 -- <a href="http://marslau.com/archives/224.html" title="wordpress主题结构层次图">wordpress主题结构层次图</a> (15)</li><li>2008-08-25 -- <a href="http://marslau.com/archives/86.html" title="WordPress搭建企业网站 ">WordPress搭建企业网站 </a> (44)</li><li>2009-07-22 -- <a href="http://marslau.com/archives/454.html" title="WordPress主题5styles">WordPress主题5styles</a> (56)</li><li>2009-07-19 -- <a href="http://marslau.com/archives/443.html" title="wordpress主题切换预览插件：Theme Switcher Reloaded">wordpress主题切换预览插件：Theme Switcher Reloaded</a> (5)</li><li>2009-05-17 -- <a href="http://marslau.com/archives/397.html" title="WordPress主题amarketer发布">WordPress主题amarketer发布</a> (86)</li><li>2008-10-20 -- <a href="http://marslau.com/archives/137.html" title="给Blog换新主题">给Blog换新主题</a> (15)</li><li>2008-03-02 -- <a href="http://marslau.com/archives/16.html" title="WordPress 主题简明教程">WordPress 主题简明教程</a> (3)</li><li>2011-12-31 -- <a href="http://marslau.com/archives/818.html" title="wordpress自定义栏目（Custom Fields）的应用">wordpress自定义栏目（Custom Fields）的应用</a> (0)</li><li>2009-09-10 -- <a href="http://marslau.com/archives/514.html" title="5个css布局的常见问题及解决方法">5个css布局的常见问题及解决方法</a> (10)</li><li>2009-06-30 -- <a href="http://marslau.com/archives/428.html" title="WordPress安装简明步骤">WordPress安装简明步骤</a> (9)</li></ul><hr />
<p><small>摘自：<a href="http://marslau.com">MarsLau&#039;s Blog</a> |
原文链接：<a href="http://marslau.com/archives/330.html">Permalink</a> |
<br/>
Tags: <a href="http://marslau.com/archives/tag/css%e6%a0%b7%e5%bc%8f" rel="tag">CSS样式</a>, <a href="http://marslau.com/archives/tag/rbcss" rel="tag">RBcss</a>, <a href="http://marslau.com/archives/tag/wordpress" rel="tag">wordpress</a>, <a href="http://marslau.com/archives/tag/%e4%b8%bb%e9%a2%98" rel="tag">主题</a>, <a href="http://marslau.com/archives/tag/%e6%a8%a1%e6%9d%bf" rel="tag">模板</a><br/>
</small></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="wordpress主题结构层次图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F224.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/site_images/2011/11/01/10106768.png" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">wordpress主题结构层次图</font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress主题5styles" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F454.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/site_images/2011/11/01/10106743.png" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress主题5styles</font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress搭建企业网站 " style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F86.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/site_images/2011/10/05/8581088.png" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress搭建企业网站 </font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress 主题简明教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F16.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress 主题简明教程</font>
                    </a>
                </td>
                <td width="112" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress主题amarketer发布" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fmarslau.com%2Farchives%2F397.html&from=http%3A%2F%2Fmarslau.com%2Farchives%2F330.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 106px !important; height: 106px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="106px" height="106px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 112px !important; font: 12px/15px arial !important; height: 30px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress主题amarketer发布</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://marslau.com/archives/330.html/feed</wfw:commentRss>
		<slash:comments>79</slash:comments>
		</item>
	</channel>
</rss>

