<?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>Vichair&#039;s Blog</title>
	<atom:link href="http://www.lifedit.net/feed" rel="self" type="application/rss+xml" />
	<link>http://www.lifedit.net</link>
	<description>指间光阴</description>
	<lastBuildDate>Sun, 18 Jul 2010 15:40:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>独唱团</title>
		<link>http://www.lifedit.net/archives/138</link>
		<comments>http://www.lifedit.net/archives/138#comments</comments>
		<pubDate>Sat, 17 Jul 2010 09:33:04 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[闲言碎语]]></category>
		<category><![CDATA[独唱团]]></category>
		<category><![CDATA[生活]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=138</guid>
		<description><![CDATA[已经看完了。
买的时候打电话到新华书店:你好，独唱团到了吗？
书店:独唱团是什么？我查一下&#8230;&#8230;没有这本
打电话到万叶书园:你好，独唱团到了吗？
书店:到了，万叶所有店都有的买。
让我再次见识了国营企业，国企就是不如私企，就像小姐，你贵就罢了，你来的还慢，我劲头都过去了你再来你说我还上不上你？你看私企就不一样了，来的快，活很全态度还很好，临走还给打个折扣，走时还来句欢迎先生下次光临。难怪国企一直在亏损，领导们洗浴不见桑拿见的也不跟着小姐们学学怎么做服务，不过好在虽然一直亏损但是有我们纳税给他们饭吃也不会倒闭。
这本杂志咋说呢，可能韩寒让裆中央弄的是真没脾气了，反正我是挺失望的，不过也不能怪他，希望是自己给自己的，所以自己给自己太多希望就得承受更多失望呗，人就这样，都挺贱，明知道摆在面上能说的话肯定不能太尖锐。其实我心态也挺好的，我就是想以一个时刻保持扯蛋状态的SB愤青的心态看看那些比我会扯蛋的SB愤青怎么扯蛋而已，但是现在连扯蛋都不让好好扯了。
所以豆瓣打分的时候我犯难了，考虑再三，整本杂志虽然没感觉有太出彩的地方，但起码比凤姐现在读的社会人文类的杂志强吧，想想我等这本杂志挺TM不容易的，韩寒办这本杂志更TM不容易了，打个友情满分吧。
Related Posts0

]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="独唱团" src="http://img2.douban.com/mpic/s4399140.jpg" alt="独唱团" width="104" height="142" />已经看完了。</p>
<p>买的时候打电话到新华书店:你好，独唱团到了吗？<br />
书店:独唱团是什么？我查一下&#8230;&#8230;没有这本<br />
打电话到万叶书园:你好，独唱团到了吗？<br />
书店:到了，万叶所有店都有的买。</p>
<p>让我再次见识了国营企业，国企就是不如私企，就像小姐，你贵就罢了，你来的还慢，我劲头都过去了你再来你说我还上不上你？你看私企就不一样了，来的快，活很全态度还很好，临走还给打个折扣，走时还来句欢迎先生下次光临。难怪国企一直在亏损，领导们洗浴不见桑拿见的也不跟着小姐们学学怎么做服务，不过好在虽然一直亏损但是有我们纳税给他们饭吃也不会倒闭。</p>
<p>这本杂志咋说呢，可能韩寒让裆中央弄的是真没脾气了，反正我是挺失望的，不过也不能怪他，希望是自己给自己的，所以自己给自己太多希望就得承受更多失望呗，人就这样，都挺贱，明知道摆在面上能说的话肯定不能太尖锐。其实我心态也挺好的，我就是想以一个时刻保持扯蛋状态的SB愤青的心态看看那些比我会扯蛋的SB愤青怎么扯蛋而已，但是现在连扯蛋都不让好好扯了。</p>
<p>所以豆瓣打分的时候我犯难了，考虑再三，整本杂志虽然没感觉有太出彩的地方，但起码比凤姐现在读的社会人文类的杂志强吧，想想我等这本杂志挺TM不容易的，韩寒办这本杂志更TM不容易了，打个友情满分吧。</p>
<h3>Related Posts</h3><ul><li>0</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/138/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>CSS的属性选择符</title>
		<link>http://www.lifedit.net/archives/130</link>
		<comments>http://www.lifedit.net/archives/130#comments</comments>
		<pubDate>Fri, 16 Jul 2010 11:07:00 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[学习记录]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[选择符]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=130</guid>
		<description><![CDATA[前几天更新主题的时候顺便更新了豆瓣秀的CSS,让其显示我的主页这个链接。豆瓣秀是用JS输出的，由于输出的内容没有给元素定义任何的id或者类名，所以我在修改的时候遇到了麻烦。首先我想到用JS来解决，应该很简单，但考虑了一下还是在网上查了一下有没有办法通过CSS来解决。最后通过CSS的属性选择符E[att]解决了这个问题，当然是要比JS还简单，写篇日志记录一下,顺便总结一下CSS的选择符。
CSS的属性选择符有7个（截止到CSS3）（IE6发言:讨厌啦，这些我都不认识）：


E[att]
选择具有att属性的E元素。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title] {color:#123456};
/*p元素包含title属性*/
&#60;/style&#62;
&#60;p title=&#34;value&#34;&#62;不给力啊老湿&#60;/p&#62;

E[att="value"]
选择具有att属性且属性值等于value的E元素。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title=”value”] {color:#123456};
/*p元素包含title属性而且title属性的值为value*/
&#60;/style&#62;
&#60;p title=&#34;value&#34;&#62;你们这些死妖怪开挂了吧&#60;/p&#62;

E[att~="value"]
选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于value的E元素，这里的value不能包含空格。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title~=”web”] {color:#123456};
/*p元素包含title属性，且属性的值被空格分隔，且被分隔的属性里有web这个值*/
&#60;/style&#62;
&#60;p title=&#34;value wote web&#34;&#62;你这是蓝猫淘气三千踢啊&#60;/p&#62;

E[att&#124;="value"]
选择具有att属性且属性值为一用连字符(-)分隔的字词列表，由value开始的E元素。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title&#124;=”vlaue”] {color:#123456};
/*p元素包含title属性，且属性的值为value开头，且value后紧跟着连字符-*/
&#60;/style&#62;
&#60;p title=&#34;value-yamiedie&#34;&#62;杂念 玩蛋去吧&#60;/p&#62;

E[att^="value"]
选择具有att属性、且值以value开头的E元素。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title^=”va”] {color:#123456};
/*p元素包含title属性，且title属性的值以va开头*/
&#60;/style&#62;
&#60;p title=&#34;value&#34;&#62;你心目中的世界观根本就是个BUG啊&#60;/p&#62;

E[att$="value"]
选择具有att属性、且值以value结尾的E元素。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title$=”ue”] {color:#123456};
/*p元素包含title属性，且title属性的值以ue结尾*/
&#60;/style&#62;
&#60;p title=&#34;value&#34;&#62;我比那什么春什么可什么著爷们多了&#60;/p&#62;

E[att*="value"]
选择具有att属性、且值中含有value的E元素。例如：
12345&#60;style type=&#34;text/css&#34;&#62;
p[title*=&#34;alu&#34;] {color:#123456};
/*p元素包含title属性，且title属性的值中包含alu*/
&#60;/style&#62;
&#60;p title=&#34;value&#34;&#62;老北京腔 北京大鼓书&#60;/p&#62;


属性选择符应该用到地方比较少，不过了解一下也蛮有用的。比如提供附件下载的时候可以通过a标签href属性的值来给这个a标签加一个背景图，使用E[att$="value"]这个选择符就能很方便的做到这一点。其余的用途可能在定义一些网站提供的修改模板的时候能用的倒，自己架设网站的话前端模板的标签基本都是自己定义，所以基本上是用不大到的。但仔细考虑一下其实属性选择符用在有些特殊的情况下也比较方便（仅限于有些）。比如：
1234567891011121314&#60;style type=&#34;text/css&#34;&#62;
div[class$=&#34;sun&#34;] {
font-weight:bold;
};
&#60;/style&#62;
&#60;div class=&#34;asun&#34;&#62;
想怎样
&#60;/div&#62;
&#60;div class=&#34;bsun&#34;&#62;
想怎样就怎样
&#60;/div&#62;
&#60;div class=&#34;csun&#34;&#62;
那就别怎样的啦
&#60;/div&#62;
这段代码的效果和下面这段代码效果是一样的
1234567891011121314&#60;style type=&#34;text/css&#34;&#62;
.asun, .bsun, .csun{
font-weight:bold;
};
&#60;/style&#62;
&#60;div class=&#34;asun&#34;&#62;
想怎样
&#60;/div&#62;
&#60;div class=&#34;bsun&#34;&#62;
想怎样就怎样
&#60;/div&#62;
&#60;div class=&#34;csun&#34;&#62;
那就别怎样的啦
&#60;/div&#62;
一个思路，代码并没有节省，实际应用中可能会碰到这种也不一定。总结完毕，玩蛋去了。
Related Posts小问题小汇总(11)

]]></description>
			<content:encoded><![CDATA[<p>前几天更新主题的时候顺便更新了豆瓣秀的CSS,让其显示我的主页这个链接。豆瓣秀是用JS输出的，由于输出的内容没有给元素定义任何的id或者类名，所以我在修改的时候遇到了麻烦。首先我想到用JS来解决，应该很简单，但考虑了一下还是在网上查了一下有没有办法通过CSS来解决。最后通过CSS的属性选择符E[att]解决了这个问题，当然是要比JS还简单，写篇日志记录一下,顺便总结一下CSS的选择符。</p>
<p>CSS的属性选择符有7个（截止到CSS3）（IE6发言:讨厌啦，这些我都不认识）：<br />
<span id="more-130"></span></p>
<ul>
<li>E[att]<br />
选择具有att属性的E元素。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title] {color:#123456};<br />
/*p元素包含title属性*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value&quot;</span>&gt;</span>不给力啊老湿<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
<li>E[att="value"]<br />
选择具有att属性且属性值等于value的E元素。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title=”value”] {color:#123456};<br />
/*p元素包含title属性而且title属性的值为value*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value&quot;</span>&gt;</span>你们这些死妖怪开挂了吧<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
<li>E[att~="value"]<br />
选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于value的E元素，这里的value不能包含空格。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title~=”web”] {color:#123456};<br />
/*p元素包含title属性，且属性的值被空格分隔，且被分隔的属性里有web这个值*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value wote web&quot;</span>&gt;</span>你这是蓝猫淘气三千踢啊<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
<li>E[att|="value"]<br />
选择具有att属性且属性值为一用连字符(-)分隔的字词列表，由value开始的E元素。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title|=”vlaue”] {color:#123456};<br />
/*p元素包含title属性，且属性的值为value开头，且value后紧跟着连字符-*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value-yamiedie&quot;</span>&gt;</span>杂念 玩蛋去吧<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
<li>E[att^="value"]<br />
选择具有att属性、且值以value开头的E元素。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title^=”va”] {color:#123456};<br />
/*p元素包含title属性，且title属性的值以va开头*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value&quot;</span>&gt;</span>你心目中的世界观根本就是个BUG啊<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
<li>E[att$="value"]<br />
选择具有att属性、且值以value结尾的E元素。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title$=”ue”] {color:#123456};<br />
/*p元素包含title属性，且title属性的值以ue结尾*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value&quot;</span>&gt;</span>我比那什么春什么可什么著爷们多了<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
<li>E[att*="value"]<br />
选择具有att属性、且值中含有value的E元素。例如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
p[title*=&quot;alu&quot;] {color:#123456};<br />
/*p元素包含title属性，且title属性的值中包含alu*/<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;value&quot;</span>&gt;</span>老北京腔 北京大鼓书<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></td></tr></tbody></table></div>
</li>
</ul>
<p>属性选择符应该用到地方比较少，不过了解一下也蛮有用的。比如提供附件下载的时候可以通过a标签href属性的值来给这个a标签加一个背景图，使用E[att$="value"]这个选择符就能很方便的做到这一点。其余的用途可能在定义一些网站提供的修改模板的时候能用的倒，自己架设网站的话前端模板的标签基本都是自己定义，所以基本上是用不大到的。但仔细考虑一下其实属性选择符用在有些特殊的情况下也比较方便（仅限于有些）。比如：</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
div[class$=&quot;sun&quot;] {<br />
font-weight:bold;<br />
};<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;asun&quot;</span>&gt;</span><br />
想怎样<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;bsun&quot;</span>&gt;</span><br />
想怎样就怎样<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;csun&quot;</span>&gt;</span><br />
那就别怎样的啦<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></td></tr></tbody></table></div>
<p>这段代码的效果和下面这段代码效果是一样的</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span><br />
.asun, .bsun, .csun{<br />
font-weight:bold;<br />
};<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;asun&quot;</span>&gt;</span><br />
想怎样<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;bsun&quot;</span>&gt;</span><br />
想怎样就怎样<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;csun&quot;</span>&gt;</span><br />
那就别怎样的啦<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></td></tr></tbody></table></div>
<p>一个思路，代码并没有节省，实际应用中可能会碰到这种也不一定。总结完毕，玩蛋去了。</p>
<h3>Related Posts</h3><ul><li><a href="http://www.lifedit.net/archives/32" title="小问题小汇总 2009.11.16">小问题小汇总</a>(11)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/130/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>模板更新</title>
		<link>http://www.lifedit.net/archives/113</link>
		<comments>http://www.lifedit.net/archives/113#comments</comments>
		<pubDate>Wed, 14 Jul 2010 16:53:37 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[模板]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=113</guid>
		<description><![CDATA[三个月一篇博文，进度很安逸。
这两天把模板更新了一下，下载还是请到这里。恩，都知道我很懒，因为这主题叫好不叫座我也没打算再做什么维护了，不过有几个朋友还在用而且一直跟我提更新的事把我感动的不行，所以还是修修bug吧，在此感谢各位了。
其实本来想发布2.0的，也就是本人目前用的这样，但是我做的东西都太个人了，也就是我做的是我想要，比如夏天了，把颜色改的艳一点，所以我做的东西大部分是满足自己需要的。我感觉不太适合别人用，所以就不发布了。提供下载的更新版本还是以前那个样式没有变化。感觉之前自己做东西很追求一个叫质感的玩意，解决阴影什么的CSS的用了不少，但看上去并不怎么样，所以这次更新把阴影去掉了一部分，然后修复了一些BUG，支持了侧边栏的widget。顺便研究了一下3.0的新功能：自定义menu导航，我这个主题不适合加这功能，所以没有支持，如果我不懒的话我想写篇关于这个功能的，到底会不会写呢，现在网上也有很多关于这个的文章了，解释的应该也很清楚了，我这么懒。

关于新版本的一些说明：
去掉了原来模板集成的最新评论函数，现在是使用WP Kit CN这个插件，如果要像我现在侧边栏这样的回复效果就必须用这个插件。同时这个插件也很强大，推荐使用。本插件在侧边的设置为评论长度18，头像尺寸12，评论自定义格式为
&#60;div class=&#8221;rc_avatar&#8221;&#62;%gravatar%&#60;/div&#62;&#60;div class=&#8221;rc_info&#8221;&#62;%comment_author%&#60;/div&#62;&#60;div class=&#8221;rc_excerpt&#8221;&#62;&#60;a href=&#8221;%permalink%&#8221; title=”on:%post_title%”&#62;%comment_excerpt%&#60;/a&#62;&#60;/div&#62;
另外有豆瓣的朋友如果喜欢我现在这样的豆瓣秀的话，如下操作，新建一个text的widget，内容为


&#60;div class=&#8221;db_margin&#8221;&#62;
&#60;script type=&#8221;text/javascript&#8221; src=&#8221;http://www.douban.com/service/badge/Vichair/?show=collection&#38;amp;n=8&#38;amp;columns=4&#38;amp;hidelogo=yes&#38;amp;cat=movie&#124;music&#8221; &#62;&#60;/script&#62;&#60;/div&#62;


中间的JS链接换成你自己的豆瓣秀链接，豆瓣秀的CSS我已经集成到模板中了。
最后再次感谢喜欢这个主题的朋友们。
Related Posts一切都是新的(17)
也谈wordpress自带的嵌套评论(40)
Wordpress Theme:Lifedit发布(139)

]]></description>
			<content:encoded><![CDATA[<p>三个月一篇博文，进度很安逸。<br />
这两天把模板更新了一下，下载还是请到<a href="http://www.lifedit.net/archives/50" target="_blank">这里</a>。恩，都知道我很懒，因为这主题叫好不叫座我也没打算再做什么维护了，不过有几个朋友还在用而且一直跟我提更新的事把我感动的不行，所以还是修修bug吧，在此感谢各位了。</p>
<p>其实本来想发布2.0的，也就是本人目前用的这样，但是我做的东西都太个人了，也就是我做的是我想要，比如夏天了，把颜色改的艳一点，所以我做的东西大部分是满足自己需要的。我感觉不太适合别人用，所以就不发布了。提供下载的更新版本还是以前那个样式没有变化。感觉之前自己做东西很追求一个叫质感的玩意，解决阴影什么的CSS的用了不少，但看上去并不怎么样，所以这次更新把阴影去掉了一部分，然后修复了一些BUG，支持了侧边栏的widget。顺便研究了一下3.0的新功能：自定义menu导航，我这个主题不适合加这功能，所以没有支持，如果我不懒的话我想写篇关于这个功能的，到底会不会写呢，现在网上也有很多关于这个的文章了，解释的应该也很清楚了，我这么懒。</p>
<p><span id="more-113"></span></p>
<p>关于新版本的一些说明：<br />
去掉了原来模板集成的最新评论函数，现在是使用<a href="http://wordpress.org/extend/plugins/wp-kit-cn/" target="“_blank”">WP Kit CN</a>这个插件，如果要像我现在侧边栏这样的回复效果就必须用这个插件。同时这个插件也很强大，推荐使用。本插件在侧边的设置为评论长度18，头像尺寸12，评论自定义格式为</p>
<blockquote><p>&lt;div class=&#8221;rc_avatar&#8221;&gt;%gravatar%&lt;/div&gt;&lt;div class=&#8221;rc_info&#8221;&gt;%comment_author%&lt;/div&gt;&lt;div class=&#8221;rc_excerpt&#8221;&gt;&lt;a href=&#8221;%permalink%&#8221; title=”on:%post_title%”&gt;%comment_excerpt%&lt;/a&gt;&lt;/div&gt;</p></blockquote>
<p>另外有豆瓣的朋友如果喜欢我现在这样的豆瓣秀的话，如下操作，新建一个text的widget，内容为</p>
<blockquote>
<div id="_mcePaste">
<div id="_mcePaste">&lt;div class=&#8221;db_margin&#8221;&gt;</div>
<div id="_mcePaste">&lt;script type=&#8221;text/javascript&#8221; src=&#8221;http://www.douban.com/service/badge/Vichair/?show=collection&amp;amp;n=8&amp;amp;columns=4&amp;amp;hidelogo=yes&amp;amp;cat=movie|music&#8221; &gt;&lt;/script&gt;&lt;/div&gt;</div>
</div>
</blockquote>
<p>中间的JS链接换成你自己的豆瓣秀链接，豆瓣秀的CSS我已经集成到模板中了。</p>
<p>最后再次感谢喜欢这个主题的朋友们。</p>
<h3>Related Posts</h3><ul><li><a href="http://www.lifedit.net/archives/8" title="一切都是新的 2009.11.13">一切都是新的</a>(17)</li>
<li><a href="http://www.lifedit.net/archives/80" title="也谈wordpress自带的嵌套评论 2009.11.23">也谈wordpress自带的嵌套评论</a>(40)</li>
<li><a href="http://www.lifedit.net/archives/50" title="Wordpress Theme:Lifedit发布 2009.11.18">Wordpress Theme:Lifedit发布</a>(139)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/113/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>除草亚克西！</title>
		<link>http://www.lifedit.net/archives/99</link>
		<comments>http://www.lifedit.net/archives/99#comments</comments>
		<pubDate>Wed, 14 Apr 2010 07:14:16 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[除草]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=99</guid>
		<description><![CDATA[恩，又得半年了没打理了吧，哈哈。师兄中间提醒过好几次，不过人家这么懒- -不过没想到的是半年没搭理这里，居然还有人路过这里，完全出乎意料。。。谢谢各位的路过，lifedit这个主题我自己也打算小小的更新一下，我看好多朋友也留言报bug了，哈哈。中间这段时间也有朋友加我QQ跟我聊这个主题的bug，不过我真的是太懒了。。。
今天就来除除草，把广告党们来我这发的广告评论都统统的删掉亚克西。
工作需要单位有台服务器打算换成linux的服务器，现在win sever2003。linux对我来说忒陌生了，就值钱刻了一张ubuntu7.04的安装盘，连装都没装过就扔那了。前几天看了一下都9.10.这个月就要10.04了。（据我目前所知- -ubuntu是每6个月发布一个版本，每个版本提供至少18个月的技术支持。。所以除了X.04就是X.10，哥知道的太多了。。）所以拿单位的本子装了桌面版的9.10先熟悉一下基本的linux操作，当然桌面版的用到命令行的地方就非常的少了。
装完9.10发现现在ubuntu真的非常人性化了，驱动之类的自动安装好了，各种操作设计的也很体贴。无线输入密码就可以用，装软件当然也十分之方便了，有软件中心和新立得。直接裸奔就行，根本不像windows似的还担心病毒啥的。非常好用，除了没ps之外真没发现有啥不方便的。linux的chrome比win的感觉还快很多。除非特殊需要，不然感觉ubuntu完全能应付日常生活，大不了非用到win下的东西的时候开下wine。
如果我不懒的话以后BLOG的更新可能就变成学习ubuntu的笔记了，嗯哼哼。。。当然至少为了PS的话我也不会完全放弃win的，毕竟还是有很多东西用熟了就离不开的。不过有消息adobe在开发linux版的PS，不知道是真是假咯。。
哎呀呀，真是难得我居然还能打这么字，懒死我算了，哈哈。。
Related Posts0

]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-100 alignleft" title="ubuntu" src="http://www.lifedit.net/wp-content/uploads/2010/04/upload.jpg" alt="ubuntu" width="250" height="159" />恩，又得半年了没打理了吧，哈哈。<a href="http://www.kkixx.com/" target="_blank">师兄</a>中间提醒过好几次，不过人家这么懒- -不过没想到的是半年没搭理这里，居然还有人路过这里，完全出乎意料。。。谢谢各位的路过，lifedit这个主题我自己也打算小小的更新一下，我看好多朋友也留言报bug了，哈哈。中间这段时间也有朋友加我QQ跟我聊这个主题的bug，不过我真的是太懒了。。。</p>
<p>今天就来除除草，把广告党们来我这发的广告评论都统统的删掉亚克西。</p>
<p>工作需要单位有台服务器打算换成linux的服务器，现在win sever2003。linux对我来说忒陌生了，就值钱刻了一张ubuntu7.04的安装盘，连装都没装过就扔那了。前几天看了一下都9.10.这个月就要10.04了。（据我目前所知- -ubuntu是每6个月发布一个版本，每个版本提供至少18个月的技术支持。。所以除了X.04就是X.10，哥知道的太多了。。）所以拿单位的本子装了桌面版的9.10先熟悉一下基本的linux操作，当然桌面版的用到命令行的地方就非常的少了。</p>
<p>装完9.10发现现在ubuntu真的非常人性化了，驱动之类的自动安装好了，各种操作设计的也很体贴。无线输入密码就可以用，装软件当然也十分之方便了，有软件中心和新立得。直接裸奔就行，根本不像windows似的还担心病毒啥的。非常好用，除了没ps之外真没发现有啥不方便的。linux的chrome比win的感觉还快很多。除非特殊需要，不然感觉ubuntu完全能应付日常生活，大不了非用到win下的东西的时候开下wine。</p>
<p>如果我不懒的话以后BLOG的更新可能就变成学习ubuntu的笔记了，嗯哼哼。。。当然至少为了PS的话我也不会完全放弃win的，毕竟还是有很多东西用熟了就离不开的。不过有消息adobe在开发linux版的PS，不知道是真是假咯。。</p>
<p>哎呀呀，真是难得我居然还能打这么字，懒死我算了，哈哈。。</p>
<h3>Related Posts</h3><ul><li>0</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/99/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>也谈wordpress自带的嵌套评论</title>
		<link>http://www.lifedit.net/archives/80</link>
		<comments>http://www.lifedit.net/archives/80#comments</comments>
		<pubDate>Mon, 23 Nov 2009 03:00:31 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[学习记录]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[评论]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=80</guid>
		<description><![CDATA[这是一篇out了的博文
在这个版本更新巨速度的年代，不用说我半年没博，就是十天半个月没关注都能立马让人out掉，所以我立马整了一瓶啤儿茶爽紧步追上。其实之前写blog的时候我也没用过此类的插件，我更喜欢用从opera blog时就养成的习惯：用@来回复评论者。当然我的@都是不带链接的,也不带悬浮框显示被回复者信息的。
好吧，这次做的这个主题虽然只叫好不叫座，不过还是有人提出来要求支持嵌套评论，我就索性回过头去研究了一下（当然我功力尚浅，研究的不深，其实就是让google帮我研究了一下）
嵌套评论本身是一个好东西，能提高访客的互动性，在主题支持的情况下结构性的显示评论列表，当然这是在主题支持的情况下。如果主题不支持嵌套评论，评论列表会显得混乱无比，wordpress是按评论时间排序，这时评论就会显得风马牛不相及了。嵌套评论的设计本身是一个比较麻烦的事情（至少在之前没有接触过的情况下），另外不是所有主题都适合用嵌套评论，比如我现在这个主题，父评论是有背景图的，要保持风格上的统一，设计方面要多做很多工作。还是比如我这个主题：虽然这个主题我让它支持嵌套评论了，但是只支持到3级嵌套，而且风格并不统一，我个人其实也不满意。

简言之就是嵌套评论对主题的依赖性很大，如果大家全都用一个主题的话那就无所谓了，当然这样的话所有做主题的人也都可以去歇着了，哈哈。如果一个主题的样式只设计到3层嵌套，而你需要更多层的时候，这个主题就会变的很难看（如果压根就不支持嵌套的话，那么恭喜你，你自己估计都看不明白之前的评论是谁跟谁说的了）。
说下代码部分，wp的嵌套评论提供两种方法来调用，第一种是用默认的也就是在评论部分用&#60;?php wp_list_comments(); ?&#62;调用。第二种是用callback自定义的函数来调用:&#60;?php wp_list_comments(callback=函数名); ?&#62;。具体怎么添加到主题里，google上是一搜一大堆，我就不复制粘贴了。只扯一下自定义部分，代码我就不复制粘贴了- -去官方看吧
这里说下对于最后一个&#60;/li&#62;的关闭标签的看法，默认是没有这个关闭标签的，wordpress会自动补全。不自己添加这个关闭标签的好处是能保证良好的嵌套结构，符合嵌套的意义，但是设计样式的时候比较麻烦，或者用position:absolute;把子评论剥离出来？(具体我没试，只是想法是这样)。加上这个关闭标签之后结构就变了，子评论和父评论同级，虽然不符合嵌套的意义，但是方便设计样式。以上考虑的是评论部分如果使用背景图片的话，比如我现在这个主题- -
如果评论部分没什么图片的话就不要加这个关闭标签了，我觉得应该从结构上保证它的意义。
Related Posts模板更新(14)
Wordpress Theme:Lifedit发布(139)
一切都是新的(17)

]]></description>
			<content:encoded><![CDATA[<p>这是一篇out了的博文</p>
<p>在这个版本更新巨速度的年代，不用说我半年没博，就是十天半个月没关注都能立马让人out掉，所以我立马整了一瓶啤儿茶爽紧步追上。其实之前写blog的时候我也没用过此类的插件，我更喜欢用从opera blog时就养成的习惯：用@来回复评论者。当然我的@都是不带链接的,也不带悬浮框显示被回复者信息的。</p>
<p>好吧，这次做的这个主题虽然只叫好不叫座，不过还是有人提出来要求支持嵌套评论，我就索性回过头去研究了一下（当然我功力尚浅，研究的不深，其实就是让google帮我研究了一下）</p>
<p>嵌套评论本身是一个好东西，能提高访客的互动性，在主题支持的情况下结构性的显示评论列表，<strong>当然这是在主题支持的情况下</strong>。如果主题不支持嵌套评论，评论列表会显得混乱无比，wordpress是按评论时间排序，这时评论就会显得风马牛不相及了。嵌套评论的设计本身是一个比较麻烦的事情（至少在之前没有接触过的情况下），另外不是所有主题都适合用嵌套评论，比如我现在这个主题，父评论是有背景图的，要保持风格上的统一，设计方面要多做很多工作。还是比如我这个主题：虽然这个主题我让它支持嵌套评论了，但是只支持到3级嵌套，而且风格并不统一，我个人其实也不满意。<br />
<span id="more-80"></span><br />
简言之就是嵌套评论对主题的依赖性很大，如果大家全都用一个主题的话那就无所谓了，当然这样的话所有做主题的人也都可以去歇着了，哈哈。如果一个主题的样式只设计到3层嵌套，而你需要更多层的时候，这个主题就会变的很难看（如果压根就不支持嵌套的话，那么恭喜你，你自己估计都看不明白之前的评论是谁跟谁说的了）。</p>
<p>说下代码部分，wp的嵌套评论提供两种方法来调用，第一种是用默认的也就是在评论部分用&lt;?php wp_list_comments(); ?&gt;调用。第二种是用callback自定义的函数来调用:&lt;?php wp_list_comments(callback=函数名); ?&gt;。具体怎么添加到主题里，google上是一搜一大堆，我就不复制粘贴了。只扯一下自定义部分，代码我就不复制粘贴了- -<a href="http://codex.wordpress.org/Template_Tags/wp_list_comments" target="_blank">去官方看吧</a></p>
<p>这里说下对于最后一个&lt;/li&gt;的关闭标签的看法，默认是没有这个关闭标签的，wordpress会自动补全。不自己添加这个关闭标签的好处是能保证良好的嵌套结构，符合嵌套的意义，但是设计样式的时候比较麻烦，或者用position:absolute;把子评论剥离出来？(具体我没试，只是想法是这样)。加上这个关闭标签之后结构就变了，子评论和父评论同级，虽然不符合嵌套的意义，但是方便设计样式。以上考虑的是评论部分如果使用背景图片的话，比如我现在这个主题- -</p>
<p>如果评论部分没什么图片的话就不要加这个关闭标签了，我觉得应该从结构上保证它的意义。</p>
<h3>Related Posts</h3><ul><li><a href="http://www.lifedit.net/archives/113" title="模板更新 2010.07.15">模板更新</a>(14)</li>
<li><a href="http://www.lifedit.net/archives/50" title="Wordpress Theme:Lifedit发布 2009.11.18">Wordpress Theme:Lifedit发布</a>(139)</li>
<li><a href="http://www.lifedit.net/archives/8" title="一切都是新的 2009.11.13">一切都是新的</a>(17)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/80/feed</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>WordPress Theme:Lifedit发布</title>
		<link>http://www.lifedit.net/archives/50</link>
		<comments>http://www.lifedit.net/archives/50#comments</comments>
		<pubDate>Wed, 18 Nov 2009 05:52:55 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=50</guid>
		<description><![CDATA[要不也加个1.0的版本号吧&#8230;本来版本号打算叫 beta1 build2 sp3 来着，不过看上去太蛋疼了。。第一次发布主题，有点小激动，希望用上主题的朋友帮忙检查下错误，我E文比较烂，所以可能有错别字，哈哈。（不是我不喜欢用中文，只是中文在浏览器里显示效果太菜了- -）
这是一个两栏的主题，颜色可能不是大众型的- -另外，我不懂 JS 和 PHP （ JS 刚开始学），能力范围在 XHTML + CSS 能通过验证并保证浏览器的兼容，所以主题没有什么特效之类的，做的东西尽量干净点。一般做主题都是自己用，第一次发布共享，希望能有兴趣的朋友能喜欢。
下面是详细介绍:
1.通过 XHTML1.1 和 CSS3 验证，兼容 IE6 ,IE8 ,FX3.5 ,Chrome ,Safari 等浏览器，Opera 下没看，我懒了没装，不过估计应该问题不大。

2.理论上不需要任何插件，但其实还是需要 simple tags （这个大部分人都有装）,否则不会显示相关文章 (related posts) 。其余的如文章页的随机文章 （random posts） 和侧边栏的最新回复 （recent comments） 都不需要插件，代码都集成在 fucntions.php 中，有需要的可以自行拷贝，均为网上收集，我做了一些修改，这些代码原作者比较难考证，特此表示感谢。
3.推荐使用 wp-pagenavi 插件（我想这个大部分人也都有装）。
注: simple tags 和 wp-pagenavi 启用后均不需要修改设置，主题里已经包含了。当然这不是硬性的，也可以随意在后台修改设置。
4.分类目录是导航条上的 categories，IE6 下这一部分的背景没有阴影，因为太懒不想让这一块拖累所以 IE6 就使用了 GIF 作为背景图格式。只测试了一级子目录，二级子目录没有测试，可能会存在问题。
4.此模板不支持 widget ，考虑过支持，不过觉得用处好像不是很大。
5.不支持嵌套回复，因为很长时间没 BLOG 了，这个东西对我来说还挺新鲜，还没研究。
6.此模板需要自己动手修改的地方:
(1)如果要使用图片作为 BLOG 的 LOGO ，需要将 CSS 文件里 #logo h1 和 #logo h1 a 的注释符删掉，图片高度不要超过 60px 就可以了。
(2)twitter的链接在 header.php ，我水平比较菜，目前还没研究给主题加选项部分，所以只请各位自行修改。
(3)如果侧边栏需要添加东西请到 sidebar.php 自行添加，这个也比较简单，应该都会。
如使用中发现问题请在此回复告知，以便修改。
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
这是一个叫好不叫座的主题，尽管这样，我还是更新了：
2010.7.14更新：
1.修正ctrl+enter回复在firefox下失效的问题
2.小细节处理
3.增加侧边栏的widget支持
4.取消集成的最新回复函数，改用WP Kit CN插件提供的最新评论功能，具体设置请看这里
5.有豆瓣的同学同样看刚才的地址
2009.10.25更新：
1.修正侧边栏标签云调用的错误
2.添加ctrl+enter快捷回复
2009.10.23更新：
1.头部各部分的位置做了小调整
2.字体的颜色做了细微调整，文章部分行间距做了细微调整。
3.支持嵌套评论和评论分页
4.修复了侧边栏几个错误链接
Download : Lifedit.zip
Related Posts模板更新(14)
也谈wordpress自带的嵌套评论(40)
一切都是新的(17)

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.lifedit.net/wp-content/uploads/2009/11/screenshot.png"><img class="size-full wp-image-59 alignright" title="screenshot1" src="http://www.lifedit.net/wp-content/uploads/2009/11/screenshot1.png" alt="screenshot1" width="200" height="138" /></a>要不也加个1.0的版本号吧&#8230;本来版本号打算叫 beta1 build2 sp3 来着，不过看上去太蛋疼了。。第一次发布主题，有点小激动，希望用上主题的朋友帮忙检查下错误，我E文比较烂，所以可能有错别字，哈哈。（不是我不喜欢用中文，只是中文在浏览器里显示效果太菜了- -）</p>
<p>这是一个两栏的主题，颜色可能不是大众型的- -另外，我不懂 JS 和 PHP （ JS 刚开始学），能力范围在 XHTML + CSS 能通过验证并保证浏览器的兼容，所以主题没有什么特效之类的，做的东西尽量干净点。一般做主题都是自己用，第一次发布共享，希望能有兴趣的朋友能喜欢。</p>
<p style="font-weight: bold;">下面是详细介绍:</p>
<p>1.通过 XHTML1.1 和 CSS3 验证，兼容 IE6 ,IE8 ,FX3.5 ,Chrome ,Safari 等浏览器，Opera 下没看，我懒了没装，不过估计应该问题不大。<br />
<span id="more-50"></span><br />
2.理论上不需要任何插件，但其实还是需要 simple tags （这个大部分人都有装）,否则不会显示相关文章 (related posts) 。其余的如文章页的随机文章 （random posts） 和侧边栏的最新回复 （recent comments） 都不需要插件，代码都集成在 fucntions.php 中，有需要的可以自行拷贝，均为网上收集，我做了一些修改，这些代码原作者比较难考证，特此表示感谢。<br />
3.推荐使用 wp-pagenavi 插件（我想这个大部分人也都有装）。<br />
注: simple tags 和 wp-pagenavi 启用后均不需要修改设置，主题里已经包含了。当然这不是硬性的，也可以随意在后台修改设置。<br />
4.分类目录是导航条上的 categories，IE6 下这一部分的背景没有阴影，因为太懒不想让这一块拖累所以 IE6 就使用了 GIF 作为背景图格式。只测试了一级子目录，二级子目录没有测试，可能会存在问题。<br />
4.此模板不支持 widget ，考虑过支持，不过觉得用处好像不是很大。<br />
5.不支持嵌套回复，因为很长时间没 BLOG 了，这个东西对我来说还挺新鲜，还没研究。<br />
6.此模板需要自己动手修改的地方:<br />
(1)如果要使用图片作为 BLOG 的 LOGO ，需要将 CSS 文件里 #logo h1 和 #logo h1 a 的注释符删掉，图片高度不要超过 60px 就可以了。<br />
(2)twitter的链接在 header.php ，我水平比较菜，目前还没研究给主题加选项部分，所以只请各位自行修改。<br />
(3)如果侧边栏需要添加东西请到 sidebar.php 自行添加，这个也比较简单，应该都会。</p>
<p>如使用中发现问题请在此回复告知，以便修改。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>这是一个叫好不叫座的主题，尽管这样，我还是更新了：<br />
2010.7.14更新：<br />
1.修正ctrl+enter回复在firefox下失效的问题<br />
2.小细节处理<br />
3.增加侧边栏的widget支持<br />
4.取消集成的最新回复函数，改用WP Kit CN插件提供的最新评论功能，具体设置请看<strong><a href="http://www.lifedit.net/archives/113">这里</a></strong><br />
5.有豆瓣的同学同样看刚才的地址</p>
<p>2009.10.25更新：<br />
1.修正侧边栏标签云调用的错误<br />
2.添加ctrl+enter快捷回复</p>
<p>2009.10.23更新：<br />
1.头部各部分的位置做了小调整<br />
2.字体的颜色做了细微调整，文章部分行间距做了细微调整。<br />
3.支持嵌套评论和评论分页<br />
4.修复了侧边栏几个错误链接</p>
<p><a class="download" href="http://www.lifedit.net/wp-content/uploads/2009/11/lifedit.zip">Download : Lifedit.zip</a></p>
<h3>Related Posts</h3><ul><li><a href="http://www.lifedit.net/archives/113" title="模板更新 2010.07.15">模板更新</a>(14)</li>
<li><a href="http://www.lifedit.net/archives/80" title="也谈wordpress自带的嵌套评论 2009.11.23">也谈wordpress自带的嵌套评论</a>(40)</li>
<li><a href="http://www.lifedit.net/archives/8" title="一切都是新的 2009.11.13">一切都是新的</a>(17)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/50/feed</wfw:commentRss>
		<slash:comments>139</slash:comments>
		</item>
		<item>
		<title>小问题小汇总</title>
		<link>http://www.lifedit.net/archives/32</link>
		<comments>http://www.lifedit.net/archives/32#comments</comments>
		<pubDate>Mon, 16 Nov 2009 11:26:28 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[学习记录]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[学习]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=32</guid>
		<description><![CDATA[开始学JS了，话说这自学入门的时候都挺麻烦。以前CSS也是，现在JS也是，看的一头雾水只能google,google再google。以后要把平时遇到的小问题记录下来，留待以后备用，就从今儿开始吧，专门建个分类做学习记录好了。这段心态很好，不像当时研究CSS的时候急的要死要活，慢慢来吧，反正也不是靠这玩意吃饭的。
这段做的这个新模板也在不断的零零碎碎的修改，因为前阵子新做了系统，MultipleIEs丢了注册表不能正常工作，所以刚开始做的时候并没有在IE6下预览。今天看模板在其余浏览器下没什么大毛病了就把MultipleIEs重下载了检查下错误，还好错位现象不多，遇到了几个小问题。
1.IE6的PNG图片透明这个臭名昭著的毛病，只能说IE6烧饼不解释了。最后把几个PNG换成GIF完事，因为一个模板用到的PNG数量不多，没必要去下什么JS包来解决这问题，图片一共没多少K，下个包比图片还大好多。如果使用滤镜解决背景PNG透明问题的话要给该层内的a标签加上position:relative;，否则层内所有a标签失效。

2.如果IE6下某个标签margin为负值，也需要给给该标签加上position:relative。
3.做右下角“回到顶部”按钮时碰到的，本来是用position:fixed定位的，在FX，CHROME,IE8下都挺正常，可这万恶的IE6又不支持这个属性。无奈&#8230;不过正好在学习JS，就用JS做了。翻了好半天google终于实现了。中间碰到一个问题:在标准w3c下，document.body.scrollTop一直为0，所以在声明了doctype的情况下要用document.documentElement.scrollTop来代替，这个问题困扰了我大半天。现在脑子里JS的知识微乎其微，还好有google。
以前做模板基本都很少用到css的position，这个模板正好练习了下css的position定位，顺带稍微研究了下JS。刚从当当买了一本《JavaScript DOM编程艺术》，据说是本很不错的入门书，等快递中，哈哈，希望能让我这个没编程基础的人看的轻松点。
Related PostsCSS的属性选择符(2)

]]></description>
			<content:encoded><![CDATA[<p>开始学JS了，话说这自学入门的时候都挺麻烦。以前CSS也是，现在JS也是，看的一头雾水只能google,google再google。以后要把平时遇到的小问题记录下来，留待以后备用，就从今儿开始吧，专门建个分类做学习记录好了。这段心态很好，不像当时研究CSS的时候急的要死要活，慢慢来吧，反正也不是靠这玩意吃饭的。</p>
<p>这段做的这个新模板也在不断的零零碎碎的修改，因为前阵子新做了系统，MultipleIEs丢了注册表不能正常工作，所以刚开始做的时候并没有在IE6下预览。今天看模板在其余浏览器下没什么大毛病了就把MultipleIEs重下载了检查下错误，还好错位现象不多，遇到了几个小问题。</p>
<p>1.IE6的PNG图片透明这个臭名昭著的毛病，只能说IE6烧饼不解释了。最后把几个PNG换成GIF完事，因为一个模板用到的PNG数量不多，没必要去下什么JS包来解决这问题，图片一共没多少K，下个包比图片还大好多。如果使用滤镜解决背景PNG透明问题的话要给该层内的a标签加上position:relative;，否则层内所有a标签失效。<br />
<span id="more-32"></span><br />
2.如果IE6下某个标签margin为负值，也需要给给该标签加上position:relative。</p>
<p>3.做右下角“回到顶部”按钮时碰到的，本来是用position:fixed定位的，在FX，CHROME,IE8下都挺正常，可这万恶的IE6又不支持这个属性。无奈&#8230;不过正好在学习JS，就用JS做了。翻了好半天google终于实现了。中间碰到一个问题:在标准w3c下，document.body.scrollTop一直为0，所以在声明了doctype的情况下要用document.documentElement.scrollTop来代替，这个问题困扰了我大半天。现在脑子里JS的知识微乎其微，还好有google。</p>
<p>以前做模板基本都很少用到css的position，这个模板正好练习了下css的position定位，顺带稍微研究了下JS。刚从当当买了一本《JavaScript DOM编程艺术》，据说是本很不错的入门书，等快递中，哈哈，希望能让我这个没编程基础的人看的轻松点。</p>
<h3>Related Posts</h3><ul><li><a href="http://www.lifedit.net/archives/130" title="CSS的属性选择符 2010.07.16">CSS的属性选择符</a>(2)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/32/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>一切都是新的</title>
		<link>http://www.lifedit.net/archives/8</link>
		<comments>http://www.lifedit.net/archives/8#comments</comments>
		<pubDate>Fri, 13 Nov 2009 08:49:01 +0000</pubDate>
		<dc:creator>Vichair</dc:creator>
				<category><![CDATA[闲言碎语]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[域名]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[空间]]></category>

		<guid isPermaLink="false">http://www.lifedit.net/?p=8</guid>
		<description><![CDATA[当然标题有不严谨的地方，人不是新的。其余都是:新的域名，新的空间，新的WordPress，新的模板。所有东西除了我这人以外都是新的。以前的东西通通都不要了，之前的数据库其实备份下来了，但是看看之前写的日志，基本上都是无病呻吟，我要改变这种状态，所以决定从头开始。
大约有半年没有博过了，之前的空间是几个人一起买的godaddy。今年到期再续费的时候都觉得godaddy的空间速度很慢，而且由于从以前的6，7个人还剩下小影子，小乐，hata和我四个人了，所以我们决定再一次搬家换地方。经过慎重慎重再慎重的选择，我们还是选了MT空间。期间热心的水煮鱼同学给予我们很大的帮助，虽然最后因为不能通过paypal付款没能帮我们买成，但是还是十分的感谢:) 最终通过阿猫的信用卡帮我们支付了。
我们买的是最基础的配置:The Hosting Card
* 存储空间:5GB（作为图片也都是外链的个人博客来说足够了）。
* 流量:500GB（基本花不完）。
* 绑定域名:5 个。
* 数据库:5 个

空间每人年均下来130多块，还送一个域名，因为人数不够小影子买了两份。因为我之前的域名不是自主管理的，最后弄丢了，小影子还把赠送的域名让给了我，很够意思，哈哈。（在这提醒各位，买域名一定要自己去买，或者找很熟的朋友买&#8230;不然就杯具了）
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;哥分的是寂寞&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
我有个臭毛病就是每次换域名换空间的都要做个新模板，虽然更换的机会很少。这次当然也不例外，现在用的这个就是，我给起名叫Lifedit，跟域名一个名，有点纪念意义。之前做的模板都没有发布过，因为做的都很个人。Lifedit想发布，顺便给自己的小Blog聚下人气，多交点朋友，哥也不是圣人，有人关注当然也高兴。我不是专业做设计的，也不知道这个模板会不会有人喜欢，尽管我挺用心的做的（花了差不多一个星期，当然中间吃喝玩乐占的时间比较多- -）
Related Posts模板更新(14)
也谈wordpress自带的嵌套评论(40)
Wordpress Theme:Lifedit发布(139)

]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-11 alignright" style="float:right;margin-left:10px;" title="media temple" src="http://www.lifedit.net/wp-content/uploads/2009/11/mt.jpg" alt="media temple" width="250" height="167" />当然标题有不严谨的地方，人不是新的。其余都是:新的域名，新的空间，新的WordPress，新的模板。所有东西除了我这人以外都是新的。以前的东西通通都不要了，之前的数据库其实备份下来了，但是看看之前写的日志，基本上都是无病呻吟，我要改变这种状态，所以决定从头开始。</p>
<p>大约有半年没有博过了，之前的空间是几个人一起买的godaddy。今年到期再续费的时候都觉得godaddy的空间速度很慢，而且由于从以前的6，7个人还剩下<a title="影月孤风" href="http://www.wiilove.cn" target="_blank">小影子</a>，<a title="乐清音高" href="http://www.himuzik.net" target="_blank">小乐</a>，hata和我四个人了，所以我们决定再一次搬家换地方。经过慎重慎重再慎重的选择，我们还是选了MT空间。期间热心的<a title="水煮鱼" href="http://fairyfish.net/" target="_blank">水煮鱼</a>同学给予我们很大的帮助，虽然最后因为不能通过paypal付款没能帮我们买成，但是还是十分的感谢:) 最终通过<a title="阿猫" href="http://www.ipoisson.net/" target="_blank">阿猫</a>的信用卡帮我们支付了。</p>
<blockquote><p>我们买的是最基础的配置:<a href="http://www.mediatemple.net/webhosting/thehostingcard/" target="_blank">The Hosting Card</a><br />
* 存储空间:5GB（作为图片也都是外链的个人博客来说足够了）。<br />
* 流量:500GB（基本花不完）。<br />
* 绑定域名:5 个。<br />
* 数据库:5 个</p></blockquote>
<p><span id="more-8"></span><br />
空间每人年均下来130多块，还送一个域名，因为人数不够小影子买了两份。因为我之前的域名不是自主管理的，最后弄丢了，小影子还把赠送的域名让给了我，很够意思，哈哈。（在这提醒各位，买域名一定要自己去买，或者找很熟的朋友买&#8230;不然就杯具了）</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;哥分的是寂寞&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>我有个臭毛病就是每次换域名换空间的都要做个新模板，虽然更换的机会很少。这次当然也不例外，现在用的这个就是，我给起名叫Lifedit，跟域名一个名，有点纪念意义。之前做的模板都没有发布过，因为做的都很个人。Lifedit想发布，顺便给自己的小Blog聚下人气，多交点朋友，哥也不是圣人，有人关注当然也高兴。我不是专业做设计的，也不知道这个模板会不会有人喜欢，尽管我挺用心的做的（花了差不多一个星期，当然中间吃喝玩乐占的时间比较多- -）</p>
<h3>Related Posts</h3><ul><li><a href="http://www.lifedit.net/archives/113" title="模板更新 2010.07.15">模板更新</a>(14)</li>
<li><a href="http://www.lifedit.net/archives/80" title="也谈wordpress自带的嵌套评论 2009.11.23">也谈wordpress自带的嵌套评论</a>(40)</li>
<li><a href="http://www.lifedit.net/archives/50" title="Wordpress Theme:Lifedit发布 2009.11.18">Wordpress Theme:Lifedit发布</a>(139)</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.lifedit.net/archives/8/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>
