<?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>魚游時光 &#124; FishTimes &#187; css</title>
	<atom:link href="http://blog.fishtimes.cn/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.fishtimes.cn</link>
	<description>拂世象 清己心</description>
	<lastBuildDate>Fri, 06 May 2011 05:06:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://blog.fishtimes.cn/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>折腾记</title>
		<link>http://blog.fishtimes.cn/2009/02/14a-2/</link>
		<comments>http://blog.fishtimes.cn/2009/02/14a-2/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 16:04:32 +0000</pubDate>
		<dc:creator>fishtimes</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[日记]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[折腾]]></category>

		<guid isPermaLink="false">http://blog.fishtimes.cn/?p=412</guid>
		<description><![CDATA[早就动了换个主题的念头，过年期间要付诸实施。原先的porwer v1其实挺不错的，简洁。而且自己在porwer v1上费了些许精力。起先问题也不少，原版的css的结构设计有些不合理，自己大改了不少，才把css搞稳定。后来发现porwer v1本身不适合进行结构上的大改，能动的余地也不多。其中最大的动作就是植入一个繁简转换的JavaScript，这个js是黑莓群里的编程高手做的，每次一打开页面，整个页面自动变成正体字。貌似后来prower还出了个v2。。。呃。。。跑题了。。。反正换theme的念头越来越大，决定付诸实施。
这次改变先从建立本地环境开始，此前只知道xampp，酋长推荐了wampserver。后来比较了一下还是选xampp了，在这一点上google了一番，xxamp的内容比wampserver多多了。为了不把自己逼迫到orz的境地，还是大众地选择了xampp。这里推荐[本地XAMPP搭建和安装Wordpress]。
建立环境的后，导入数据库遇到了一个问题。当从服务器上的phpMyAdmin中备份出数据库后，居然无法导入到本地的phpMyAdmin。求助了maoz童鞋，后来在maoz的提示下在备份数据库时把结构选项中的“Add DROP TABLE / VIEW / PROCEDURE / FUNCTION”选定，这样备份出的数据库就能顺利导入xampp的wp数据库了。
环境建立好，就能大开杀戒了！
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-大开杀戒的分割线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-

最郁闷的情节又出现了，我居然花了24个小时寻找合适的theme。目标关键词当然还是黑白和简洁。
尝试的主题有:
inove
inove
dark-away
dark-away
hemingway-019
hemingway-019
gray2
gray2
gluttony
gluttony
modern
modern
blogtxt
blogtxt
oulipo
oulipo
black-on-white-serif
black-on-white-serif
black-n-white
black-n-white
zeeb
zeeb
。。。看到这里是不是快崩溃了，没错，每一个我都尝试了一通。最终纠结在oulipo和black-n-white上面。oulipo的概念还是很好的，有发掘的潜力，是我崇尚的简洁黑白风格。缺点是其css太凌乱，不喜欢。而且从没尝试过三栏风格，还要考虑适应不同比例的屏幕。。。算了。black-n-white越看越喜欢，尤其是简洁整齐的css。
花了一些时间优化了black-n-white，主要是在内容container块外面加上了content块，从而把header从wrapper中隔离出来，防止container和sidebar影响到header的定位（想到这一招我觉得自己好伟大）。然后发现了single.php关于留言板的php语言的顺序错误。
努力劳动后就成为了现在这个样子。无敌简洁的黑白灰。header和nav做了静定处理，自我感觉效果还不错~~~
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-END&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://lh5.ggpht.com/_az6CcpZ0Dws/SZWgs-wwaxI/AAAAAAAAAsA/onJCVIbXMLo/s144/images.jpeg" alt="" width="120" height="102" /><strong><span style="color: #ff0000;">早</span></strong>就动了换个主题的念头，过年期间要付诸实施。原先的<a href="http://www.prower.cn/" target="_blank">porwer v1</a>其实挺不错的，简洁。而且自己在porwer v1上费了些许精力。起先问题也不少，原版的css的结构设计有些不合理，自己大改了不少，才把css搞稳定。后来发现porwer v1本身不适合进行结构上的大改，能动的余地也不多。其中最大的动作就是植入一个繁简转换的JavaScript，这个js是黑莓群里的编程高手做的，每次一打开页面，整个页面自动变成正体字。貌似后来prower还出了个v2。。。呃。。。跑题了。。。反正换theme的念头越来越大，决定付诸实施。</p>
<p>这次改变先从建立本地环境开始，此前只知道<a href="http://www.apachefriends.org/zh_cn/xampp.html" target="_blank">xampp</a>，酋长推荐了wampserver。后来比较了一下还是选xampp了，在这一点上google了一番，xxamp的内容比wampserver多多了。为了不把自己逼迫到orz的境地，还是大众地选择了xampp。这里推荐[<a href="http://parandroid.com/ben-di-xampp-da-jian-he-an-zhuang-wordpress/">本地XAMPP搭建和安装Wordpress</a>]。<br />
建立环境的后，导入数据库遇到了一个问题。当从服务器上的phpMyAdmin中备份出数据库后，居然无法导入到本地的phpMyAdmin。求助了<a href="http://maozzz.com/" target="_blank">maoz</a>童鞋，后来在maoz的提示下在备份数据库时把结构选项中的“Add DROP TABLE / VIEW / PROCEDURE / FUNCTION”选定，这样备份出的数据库就能顺利导入xampp的wp数据库了。<br />
环境建立好，就能大开杀戒了！</p>
<p><span style="color: #ff6600;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-大开杀戒的分割线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
</span><br />
最郁闷的情节又出现了，我居然花了24个小时寻找合适的theme。目标关键词当然还是黑白和简洁。</p>
<p>尝试的主题有:</p>
<p><a href="http://wordpress.org/extend/themes/inove" target="_blank">inove</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://wordpress.org/extend/themes/inove"><img title="inove" src="http://lh4.ggpht.com/_az6CcpZ0Dws/SZWcHX3N60I/AAAAAAAAArY/OqvmiEl6vCM/s288/inove.png.png" alt="inove" width="288" height="216" /></a><p class="wp-caption-text">inove</p></div>
<p><a href="http://themespack.com/darkaway-wordpress-theme.html/" target="_blank">dark-away</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://themespack.com/darkaway-wordpress-theme.html/"><img title="dark-away" src="http://lh6.ggpht.com/_az6CcpZ0Dws/SZWcD5bZFsI/AAAAAAAAAqY/8to-gPZ-YJs/s288/darkaway.jpg" alt="dark-away" width="288" height="216" /></a><p class="wp-caption-text">dark-away</p></div>
<p><a href="http://themes.wopus.org/2007/04/hemingway-wordpress-theme-released-241.html">hemingway-019</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://themes.wopus.org/2007/04/hemingway-wordpress-theme-released-241.html"><img title="hemingway-019" src="http://lh3.ggpht.com/_az6CcpZ0Dws/SZWcEBxVM3I/AAAAAAAAAqg/hzN9L3SWDpQ/s288/hemingway-019.jpg" alt="hemingway-019" width="288" height="216" /></a><p class="wp-caption-text">hemingway-019</p></div>
<p><a href="http://www.wpthemes4free.com/1098-wordpress-theme-gray2/" target="_blank">gray2</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://www.wpthemes4free.com/1098-wordpress-theme-gray2/"><img title="gray2" src="http://lh6.ggpht.com/_az6CcpZ0Dws/SZWcEUVDsaI/AAAAAAAAAqo/-YQVa2B29Hs/s288/gray2.jpg" alt="gray2" width="288" height="161" /></a><p class="wp-caption-text">gray2</p></div>
<p><a href="http://www.wpdesigner.com/2007/11/25/gluttony-wordpress-theme/" target="_blank">gluttony</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://www.wpdesigner.com/2007/11/25/gluttony-wordpress-theme/"><img title="gluttony" src="http://lh6.ggpht.com/_az6CcpZ0Dws/SZWcEscKI7I/AAAAAAAAAqw/rRsxyi8SPJQ/s288/gluttony.png.png" alt="gluttony" width="288" height="216" /></a><p class="wp-caption-text">gluttony</p></div>
<p><a href="http://www.ulfpettersson.se/design/modern/" target="_blank">modern</a></p>
<div class="wp-caption alignnone" style="width: 160px"><a href="http://www.ulfpettersson.se/design/modern/"><img title="modern" src="http://lh5.ggpht.com/_az6CcpZ0Dws/SZWcE1PAKkI/AAAAAAAAAq4/7DoH5b4-e3M/s288/modern.gif.jpg" alt="modern" width="150" height="100" /></a><p class="wp-caption-text">modern</p></div>
<p><a href="http://www.plaintxt.org/themes/blogtxt/" target="_blank">blogtxt</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://www.plaintxt.org/themes/blogtxt/"><img title="blogtxt" src="http://lh4.ggpht.com/_az6CcpZ0Dws/SZWcFU3ppEI/AAAAAAAAArA/mKMrh0aZiJs/s288/blogtxt.png.png" alt="blogtxt" width="288" height="220" /></a><p class="wp-caption-text">blogtxt</p></div>
<p><a href="http://andreamignolo.com/oulipo/" target="_blank">oulipo</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://andreamignolo.com/oulipo/"><img title="oulipo" src="http://lh4.ggpht.com/_az6CcpZ0Dws/SZWcDXpxdTI/AAAAAAAAAqQ/410vVA2ztIM/s288/oulipo.jpg" alt="oulipo" width="288" height="105" /></a><p class="wp-caption-text">oulipo</p></div>
<p><a href="http://wordpress.org/extend/themes/black-on-white-serif" target="_blank">black-on-white-serif</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://wordpress.org/extend/themes/black-on-white-serif"><img title="black-on-white-serif" src="http://lh6.ggpht.com/_az6CcpZ0Dws/SZWcGKVAL2I/AAAAAAAAArI/M4lHnhZeQWw/s288/black-on-white-serif.png.png" alt="black-on-white-serif" width="288" height="220" /></a><p class="wp-caption-text">black-on-white-serif</p></div>
<p><a href="http://wordpress.org/extend/themes/black-n-white" target="_blank">black-n-white</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://wordpress.org/extend/themes/black-n-white"><img title="black-n-white" src="http://lh4.ggpht.com/_az6CcpZ0Dws/SZWcHHXy1II/AAAAAAAAArQ/SUYnQc0Z0g0/s288/black-n-white.png.png" alt="black-n-white" width="288" height="216" /></a><p class="wp-caption-text">black-n-white</p></div>
<p><a href="http://wordpress.org/extend/themes/zeeb" target="_blank">zeeb</a></p>
<div class="wp-caption alignnone" style="width: 298px"><a href="http://wordpress.org/extend/themes/zeeb"><img title="zeeb" src="http://lh5.ggpht.com/_az6CcpZ0Dws/SZWcHjxplcI/AAAAAAAAArg/XB6LWo8rDZE/s288/zeeb.png.png" alt="zeeb" width="288" height="192" /></a><p class="wp-caption-text">zeeb</p></div>
<p>。。。看到这里是不是快崩溃了，没错，每一个我都尝试了一通。最终纠结在oulipo和black-n-white上面。oulipo的概念还是很好的，有发掘的潜力，是我崇尚的简洁黑白风格。缺点是其css太凌乱，不喜欢。而且从没尝试过三栏风格，还要考虑适应不同比例的屏幕。。。算了。black-n-white越看越喜欢，尤其是简洁整齐的css。<br />
花了一些时间优化了black-n-white，主要是在内容container块外面加上了content块，从而把header从wrapper中隔离出来，防止container和sidebar影响到header的定位（想到这一招我觉得自己好伟大）。然后发现了single.php关于留言板的php语言的顺序错误。<br />
努力劳动后就成为了现在这个样子。无敌简洁的黑白灰。header和nav做了静定处理，自我感觉效果还不错~~~</p>
<p><span style="color: #ff6600;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-END&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.fishtimes.cn/2009/02/14a-2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

