<?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>E-space &#187; css</title>
	<atom:link href="http://e-spacy.com/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://e-spacy.com</link>
	<description>web2.0 web software music internet</description>
	<lastBuildDate>Thu, 30 Sep 2010 07:46:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Da Button Factory:在线创建文字按钮</title>
		<link>http://e-spacy.com/blog/da-button-factory-online-button-generator.html</link>
		<comments>http://e-spacy.com/blog/da-button-factory-online-button-generator.html#comments</comments>
		<pubDate>Mon, 09 Mar 2009 21:52:04 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[网事如风]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/da-button-factory-online-button-generator.html</guid>
		<description><![CDATA[Da Button Factory是一个在线创建文字按钮的服务，输出格式可以为图片或者CSS代码。 可以选择按钮样式，设置字体大小，阴影，颜色，边框等等属性，Ajax即时显示出修改的效果。可以 ...... <br/><a href="http://e-spacy.com/blog/da-button-factory-online-button-generator.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://dabuttonfactory.com/" target="_blank">Da Button Factory</a>是一个在线创建文字按钮的服务，输出格式可以为图片或者CSS代码。<img title="da button factory" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="304" alt="da button factory" src="http://e-spacy.com/wp-content/uploads/2009/03/dabuttonfactory.jpg" width="500" border="0" /> 可以选择按钮样式，设置字体大小，阴影，颜色，边框等等属性，Ajax即时显示出修改的效果。可以输出为png, gif, jpeg图片格式或者是生成CSS背景的代码。同时其提供了几个<a href="http://dabuttonfactory.com/edit?t=Store&amp;fb=on&amp;ts=13&amp;tc=%23282828&amp;tsh=on&amp;tshs=1&amp;tshc=%23ddd&amp;c=10&amp;bgc=%23CACACA&amp;ebgc=%23838383&amp;bs=1&amp;bc=%23999B9A&amp;shadow=on&amp;shs=1&amp;shc=lightgray&amp;w=120&amp;h=36&amp;hp=25&amp;vp=5&amp;f=DejaVuSansCondensed&amp;it=png&amp;s=rectangular&amp;bgt=gradient&amp;sho=s&amp;sho-we=none&amp;st=fixed#examples" target="_blank">按钮样例</a>，包括Yahoo搜索，Apple网站，Gmail等按钮的样式。</p>
<p>很干净快捷的一个服务，网页上连个广告都没有，罕见。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/logoyesonline-logo-design.html" title="Logoyes:Online Logo Design">Logoyes:Online Logo Design</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/css-builder-online.html" title="CSS Builder:在线CSS编辑器">CSS Builder:在线CSS编辑器</a></li><li><a href="http://e-spacy.com/blog/name-that-color-inquire-color-name.html" title="Name that Color:颜色名称查询服务">Name that Color:颜色名称查询服务</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/da-button-factory-online-button-generator.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Colors Pallete Generator:查看图片配色</title>
		<link>http://e-spacy.com/blog/colors-pallete-generator.html</link>
		<comments>http://e-spacy.com/blog/colors-pallete-generator.html#comments</comments>
		<pubDate>Tue, 17 Feb 2009 20:53:22 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[网事如风]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/colors-pallete-generator.html</guid>
		<description><![CDATA[Colors Pallete Generator是一个在线查看图片配色的服务。 只需要上传图片，或者输入图片的网络地址，其便可以分析出此图片应用的配色方案。按照由浅至深三种和整体进行分析配色来 ...... <br/><a href="http://e-spacy.com/blog/colors-pallete-generator.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.cssdrive.com/imagepalette/index.php" target="_blank">Colors Pallete Generator</a>是一个在线查看图片配色的服务。<a href="http://e-spacy.com/wp-content/uploads/2009/01/ColorsPalleteGenerator_133BB/colorspalletegenerator.jpg"><img title="colors pallete generator" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="309" alt="colors pallete generator" src="http://e-spacy.com/wp-content/uploads/2009/01/ColorsPalleteGenerator_133BB/colorspalletegenerator_thumb.jpg" width="500" border="0" /></a> 只需要上传图片，或者输入图片的网络地址，其便可以分析出此图片应用的配色方案。按照由浅至深三种和整体进行分析配色来得出结果。支持多种图片格式，最大上传文件为1M，同时支持输出CSS样式和Photoshop的.aco样式文件。</p>
<p>另外其<a href="http://www.cssdrive.com/" target="_blank">CSS Drive</a>网站提供的CSS Gallery特色网站展示和众多网站<a href="http://www.cssdrive.com/index.php/news/resources" target="_blank">设计资源</a>也相当值得一看。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/da-button-factory-online-button-generator.html" title="Da Button Factory:在线创建文字按钮">Da Button Factory:在线创建文字按钮</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-builder-online.html" title="CSS Builder:在线CSS编辑器">CSS Builder:在线CSS编辑器</a></li><li><a href="http://e-spacy.com/blog/tabsgenerator-button-design.html" title="TabsGenerator:在线按钮生成器">TabsGenerator:在线按钮生成器</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/colors-pallete-generator.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>HTML Playground:在线调试XHTML和CSS</title>
		<link>http://e-spacy.com/blog/htmlplayground-online-html-css-console.html</link>
		<comments>http://e-spacy.com/blog/htmlplayground-online-html-css-console.html#comments</comments>
		<pubDate>Sun, 01 Feb 2009 21:41:34 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[网事如风]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/htmlplayground-online-html-css-console.html</guid>
		<description><![CDATA[Html Playground是一个在线编辑和调试XHTML和CSS的网络工具。    &#160; 如图所示，在左侧选择HTML Tag后，会出现其具体的说明描述，同时也有完整的HTML代码样例。可以设置并调整属性，修 ...... <br/><a href="http://e-spacy.com/blog/htmlplayground-online-html-css-console.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://htmlplayground.com/" target="_blank">Html Playground</a>是一个在线编辑和调试XHTML和CSS的网络工具。    <br /><a href="http://e-spacy.com/wp-content/uploads/2009/01/HTMLPlaygroundXHTMLCSS_13F05/htmlplayground.jpg"><img title="htmlplayground" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="274" alt="htmlplayground" src="http://e-spacy.com/wp-content/uploads/2009/01/HTMLPlaygroundXHTMLCSS_13F05/htmlplayground_thumb.jpg" width="500" border="0" /></a>&#160; <br />如图所示，在左侧选择HTML Tag后，会出现其具体的<strong>说明描述</strong>，同时也有完整的HTML<strong>代码样例</strong>。可以设置并调整属性，修改代码，然后进行输出结果的测试。</p>
<p>对于网页开发人员来说这个工具太简单了，但对于HTML或者CSS的初学者，查看它每个Tag的说明和代码样例还是很有帮助的。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/wordpress-admin-passort-reset-bug.html" title="WordPress 2.8.x Admin账户密码重置漏洞">WordPress 2.8.x Admin账户密码重置漏洞</a></li><li><a href="http://e-spacy.com/blog/10-htaccess-hacks-for-wordpress.html" title="10个WordPress的.htaccess技巧（强烈推荐）">10个WordPress的.htaccess技巧（强烈推荐）</a></li><li><a href="http://e-spacy.com/blog/da-button-factory-online-button-generator.html" title="Da Button Factory:在线创建文字按钮">Da Button Factory:在线创建文字按钮</a></li><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/dfgallery-free-flash-gallery.html" title="dfGallery 2.0:免费Flash相册">dfGallery 2.0:免费Flash相册</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/htmlplayground-online-html-css-console.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designoogle:网页设计搜索引擎</title>
		<link>http://e-spacy.com/blog/designoogle-webdesign-search-engine.html</link>
		<comments>http://e-spacy.com/blog/designoogle-webdesign-search-engine.html#comments</comments>
		<pubDate>Sat, 26 Jan 2008 15:28:23 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[eng]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/designoogle-webdesign-search-engine/</guid>
		<description><![CDATA[Designoogle是一个有关CSS，网页设计等等的搜索引擎。

其使用Google Custom Search进行搭建，汇集了超过100多个不同的网页设计站点。用户能够通过它快速地搜索到关于网页制做的种种信 ...... <br/><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.designoogle.com/">Designoogle</a>是一个有关CSS，网页设计等等的搜索引擎。<br />
<img src="http://pic.yupoo.com/hhalloyy/102614fec6f2/medium.jpg" alt="Designoogle" /><br />
其使用Google Custom Search进行搭建，汇集了超过100多个不同的网页设计站点。用户能够通过它快速地搜索到关于网页制做的种种信息。</p>
<p>用户也可以联系站长来添加其它相关的网页设计网站来丰富此搜索引擎。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/da-button-factory-online-button-generator.html" title="Da Button Factory:在线创建文字按钮">Da Button Factory:在线创建文字按钮</a></li><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/designoogle-webdesign-search-engine.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Stylish样式推荐:Gmail Auto Hide Header</title>
		<link>http://e-spacy.com/blog/stylish-gmail-auto-hide-header.html</link>
		<comments>http://e-spacy.com/blog/stylish-gmail-auto-hide-header.html#comments</comments>
		<pubDate>Sun, 06 Jan 2008 23:17:50 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[reader]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/stylish-gmail-auto-hide-header/</guid>
		<description><![CDATA[以前曾经强烈推荐过Stylish来定制Firefox下的网站样式，不知道大家都有没有使用。

今天发现了一个叫做Gmail Auto Hide Header的样式，它能够自动隐藏Gmail顶部包括搜索栏在内的众多内容 ...... <br/><a href="http://e-spacy.com/blog/stylish-gmail-auto-hide-header.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>以前曾经强烈推荐过<a href="http://e-spacy.com/blog/firefox-stylish/">Stylish来定制Firefox下的网站样式</a>，不知道大家都有没有使用。<br />
<img src="http://photo15.yupoo.com/20080107/051753_280817096.jpg" alt="gmail auto hide" border="0" height="319" width="500" /><br />
今天发现了一个叫做<a href="http://userstyles.org/styles/4654">Gmail Auto Hide Header</a>的样式，它能够自动隐藏Gmail顶部包括搜索栏在内的众多内容，而当鼠标移动到顶部时则会自动出现，极大的扩展了阅读空间。当然，去除广告，Chat栏，邀请栏的<a href="http://userstyles.org/styles/1708">Gmail　- no ads, no chat box</a>也是必装的哦。<br />
<img src="http://photo15.yupoo.com/20080107/051753_748402097.jpg" alt="google reader after" border="0" height="219" width="500" /><br />
另外也分享一下自己现在定制的<a href="http://userstyles.org/styles/4668">Google Reader &#8211; Super Clean</a>样式，虽然OS X Style很华丽，不过我还是喜欢更简洁一些的。</p>
<p>使用之前须安装<a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a>这个插件，同时对于一个站点的多个样式最好自己合并一下。当然如果你认为自己是高手，也可以去参考代码手动修改Firefox个人Profile的userChrome.css。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/google-reader-bundel-share.html" title="打包分享你的Google Reader订阅源">打包分享你的Google Reader订阅源</a></li><li><a href="http://e-spacy.com/blog/gmail-shut-down-in-germany.html" title="Gmail在德国正式关闭">Gmail在德国正式关闭</a></li><li><a href="http://e-spacy.com/blog/google-account-password-reset-and-security.html" title="Google账户密码的重置和密码安全事项">Google账户密码的重置和密码安全事项</a></li><li><a href="http://e-spacy.com/blog/google-reader-bug-2.html" title="Google Reader的bug">Google Reader的bug</a></li><li><a href="http://e-spacy.com/blog/firefox-bettre-gmail-2-update.html" title="Better Gmail 2更新">Better Gmail 2更新</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/stylish-gmail-auto-hide-header.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>XRAY:查询网页CSS属性</title>
		<link>http://e-spacy.com/blog/xray-css-display-css-properties.html</link>
		<comments>http://e-spacy.com/blog/xray-css-display-css-properties.html#comments</comments>
		<pubDate>Mon, 24 Dec 2007 23:36:54 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/xray-css-display-css-properties/</guid>
		<description><![CDATA[XRAY提供了一个在线快速查询网页CSS属性的服务。

只需要把此XRAY链接添加到浏览器收藏夹，在访问任何网页时，点击此链接，便可以激活，然后点击页面的任意部分便会显示出其像 ...... <br/><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://westciv.com/xray/">XRAY</a>提供了一个在线快速查询网页CSS属性的服务。<br />
<img src="http://photo14.yupoo.com/20071225/064125_557404185.jpg" alt="xray" width="500" height="331" border="0" /><br />
只需要把此<a href="javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');">XRAY</a>链接添加到浏览器收藏夹，在访问任何网页时，点击此链接，便可以激活，然后点击页面的任意部分便会显示出其像素位置，高度，宽度和CSS的边框，Margin, Padding等CSS属性信息。</p>
<p>比较简单的应用，目前还不支持显示颜色，字体等信息，但能量出每个区域的宽度，高度还是很方便的。如果你使用Firefox浏览器，也可以使用更加强大和专业的<a href="https://addons.mozilla.org/en-US/firefox/addon/2104">CSS Viewer</a>插件来查询网页上的CSS属性信息。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li><li><a href="http://e-spacy.com/blog/website-effect-guide.html" title="网页特效教程">网页特效教程</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/xray-css-display-css-properties.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>CSS Builder:在线CSS编辑器</title>
		<link>http://e-spacy.com/blog/css-builder-online.html</link>
		<comments>http://e-spacy.com/blog/css-builder-online.html#comments</comments>
		<pubDate>Mon, 29 Oct 2007 02:10:55 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[online]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/css-builder-online/</guid>
		<description><![CDATA[前两天刚刚介绍过一款编辑CSS的软件，现在又发现了一个在线版的CSS Builder。

同样可以选择或者自行设置Tag，之后便可以进行设置文字，边框，背景，位置，列表等等样式属性，然 ...... <br/><a href="http://e-spacy.com/blog/css-builder-online.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>前两天刚刚介绍过一款<a href="http://e-spacy.com/blog/simple-css-editor-software/">编辑CSS的软件</a>，现在又发现了一个在线版的<a href="http://www.metatitan.com/cssbuilder.php">CSS Builder</a>。<br />
<img src="http://photo11.yupoo.com/20071029/021224_1010966320_oiailciu.jpg" alt="css builder" width="483" height="534" border="0" /><br />
同样可以选择或者自行设置Tag，之后便可以进行设置文字，边框，背景，位置，列表等等样式属性，然后便可以输出此Tag下的CSS代码了。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/da-button-factory-online-button-generator.html" title="Da Button Factory:在线创建文字按钮">Da Button Factory:在线创建文字按钮</a></li><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/calendarsquick-online-calendar.html" title="CalendarsQuick:日历打印服务">CalendarsQuick:日历打印服务</a></li><li><a href="http://e-spacy.com/blog/name-that-color-inquire-color-name.html" title="Name that Color:颜色名称查询服务">Name that Color:颜色名称查询服务</a></li><li><a href="http://e-spacy.com/blog/gazhoo-online-document-transaction.html" title="gazhoo:在线文档交易平台">gazhoo:在线文档交易平台</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/css-builder-online.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Simple CSS:CSS编辑软件</title>
		<link>http://e-spacy.com/blog/simple-css-editor-software.html</link>
		<comments>http://e-spacy.com/blog/simple-css-editor-software.html#comments</comments>
		<pubDate>Fri, 26 Oct 2007 03:15:55 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[editor]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/simple-css-editor-software/</guid>
		<description><![CDATA[Simple CSS是一款简易的CSS编辑软件。

用户可以通过不同选框来设置Calss, ID和自定义Tag的文字，显示样式，边框，尺寸等等属性，能够输出格式标准的CSS代码，同时支持导入已有的CSS ...... <br/><a href="http://e-spacy.com/blog/simple-css-editor-software.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.hostm.com/css/">Simple CSS</a>是一款简易的CSS编辑软件。<br />
<img src="http://photo5.yupoo.com/20071026/041837_600111945.jpg" alt="simple css" width="500" height="411" border="0" /><br />
用户可以通过不同选框来设置Calss, ID和自定义Tag的文字，显示样式，边框，尺寸等等属性，能够输出格式标准的CSS代码，同时支持导入已有的CSS文件。</p>
<p>能够把导入的CSS文件进行自动格式化输出，包括一些空格和换行的自动调整。但是输出的CSS文件代码没有采用缩略形式，而是会包括像maring或者padding的left, right, bottom, top等不同属性定义，建议输出之后采用<a href="http://e-spacy.com/blog/css-compress/">CSS优化压缩服务</a>进行处理。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/shape-collage-free-shape-image-editor.html" title="Shape Collage:图片拼贴(荐)">Shape Collage:图片拼贴(荐)</a></li><li><a href="http://e-spacy.com/blog/appsto-re-custom-itunes-store-app-url.html" title="appsto.re:iTunes链接定制服务">appsto.re:iTunes链接定制服务</a></li><li><a href="http://e-spacy.com/blog/picfont-online-insert-text-to-picture.html" title="PicFont:图片在线添加文字">PicFont:图片在线添加文字</a></li><li><a href="http://e-spacy.com/blog/vunkysearch-photoshop-gimp-tutorial-search.html" title="VunkySearch:PS和Gimp教程搜索">VunkySearch:PS和Gimp教程搜索</a></li><li><a href="http://e-spacy.com/blog/super-finder-xt-windows-search-software.html" title="Super Finder XT:超强搜索软件">Super Finder XT:超强搜索软件</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/simple-css-editor-software.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Name that Color:颜色名称查询服务</title>
		<link>http://e-spacy.com/blog/name-that-color-inquire-color-name.html</link>
		<comments>http://e-spacy.com/blog/name-that-color-inquire-color-name.html#comments</comments>
		<pubDate>Mon, 10 Sep 2007 22:51:04 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/2381.html</guid>
		<description><![CDATA[Name that Color提供了一个查询颜色名称的服务。

可以拖拽，输入CSS hex#颜色代码，或者是从下拉选单中选择不同名称来在1500多种颜色之间进行选择，同时支持相应的RGB代码显示。
对 ...... <br/><a href="http://e-spacy.com/blog/name-that-color-inquire-color-name.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://chir.ag/phernalia/name-that-color/">Name that Color</a>提供了一个查询颜色名称的服务。<br />
<img src="http://photo11.yupoo.com/20070911/030430_69194474.jpg" alt="Name that Color" width="500" height="176" border="0" /><br />
可以拖拽，输入CSS hex#颜色代码，或者是从下拉选单中选择不同名称来在1500多种颜色之间进行选择，同时支持相应的RGB代码显示。</p>
<p>对于想用英语表达一种颜色时，使用<a href="http://chir.ag/phernalia/name-that-color/">Name that Color</a>还是很方便的。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/da-button-factory-online-button-generator.html" title="Da Button Factory:在线创建文字按钮">Da Button Factory:在线创建文字按钮</a></li><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/css-builder-online.html" title="CSS Builder:在线CSS编辑器">CSS Builder:在线CSS编辑器</a></li><li><a href="http://e-spacy.com/blog/tweet-nest-backup-archive-tweets.html" title="Tweet Nest:备份展示自己的Tweets">Tweet Nest:备份展示自己的Tweets</a></li><li><a href="http://e-spacy.com/blog/tweetygotback-twitter-backgroun.html" title="Tweetygotback:一键更换Twitter背景">Tweetygotback:一键更换Twitter背景</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/name-that-color-inquire-color-name.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>两款CSS优化压缩服务</title>
		<link>http://e-spacy.com/blog/css-compress.html</link>
		<comments>http://e-spacy.com/blog/css-compress.html#comments</comments>
		<pubDate>Wed, 15 Aug 2007 01:51:50 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/2257.html</guid>
		<description><![CDATA[改完模板后自认为把CSS代码已经缩减了不少，但还是需要专业些优化下，便使用了两个在线CSS优化压缩服务，效果还是很明显的。CLeanCSS能够把一些你定义过多次的代码进行合并，把 ...... <br/><a href="http://e-spacy.com/blog/css-compress.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>改完模板后自认为把CSS代码已经缩减了不少，但还是需要专业些优化下，便使用了两个在线CSS优化压缩服务，效果还是很明显的。<br /><img height="82" alt="cleancss" src="http://photo8.yupoo.com/20070814/001301_1057052122_mcvnagqq.jpg" width="350" border="0"><br /><a href="http://www.cleancss.com/">CLeanCSS</a>能够把一些你定义过多次的代码进行合并，把位置调整的margin, padding数值规范化，比如上下和左右相同则只使用上左，0px转化为0等等，颜色代码优化，属性相同的定义合并等等。</p>
<p><a href="http://iceyboard.no-ip.org/code/css_compressor.php">CSS Compressor</a>能够把代码压缩，合并成一行，省去属性里最后的一个;号等等。压缩后会减少很多。</p>
<p>二者都有很多选项，看不懂，直接默认来的。使用前我的CSS有6KB多，最后压缩成4.6KB，效果还是很明显的。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li><li><a href="http://e-spacy.com/blog/website-effect-guide.html" title="网页特效教程">网页特效教程</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/css-compress.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>IE 7下不能注释掉的div</title>
		<link>http://e-spacy.com/blog/ie-7-css-div.html</link>
		<comments>http://e-spacy.com/blog/ie-7-css-div.html#comments</comments>
		<pubDate>Tue, 13 Feb 2007 14:59:37 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/1043.html</guid>
		<description><![CDATA[所有用样式表CSS设计网页的人都应该对IE相当深恶痛绝。因为它的IE 6以下版本对CSS支持很不好，而换成了IE 7后却又更加怪异。每次调整模板时，我都会从IE 6, IE 7, Firefox中进行切换， ...... <br/><a href="http://e-spacy.com/blog/ie-7-css-div.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>所有用样式表CSS设计网页的人都应该对IE相当深恶痛绝。因为它的IE 6以下版本对CSS支持很不好，而换成了IE 7后却又更加怪异。每次调整模板时，我都会从IE 6, IE 7, Firefox中进行切换，调整布局，一直折腾在margin, padding和position之间。</p>
<p>对付IE 6我总结出来了，凡是在FX或者Opera下正常时，如果<b>IE 6</b>乱七八糟，那么就把对应的<b>CSS改成下划线加语法</b>，比如“margin: 4px auto;”直接改成&#8221;_margin: 4px auto;&#8221;等等，不过可能还要调节位置，但基本上能够成个样子。</p>
<p>可IE 7呢，它又不这样了！！昨天热心的读者<a href="http://www.yulu.info/">明月星光</a>寄给我封信，主题为“贴图不说话”，这个风格是<a href="http://www.donews.net/keso/">keso</a>传下来的吧？图中在显示我的单篇日志时，评论框飞出了屏外。我还以为是IE 6下的现象，结果却连在IE 7中同样是如此。</p>
<p>换回XP，在IE 6下搞定后，又回到Vista，再来弄IE 7，结果怎么弄都不好用。最后想起来以前不这样啊，肯定是这两天我做了什么。最后发现了，原来是用<b>&lt;!&#8211;</b>和<b>&#8211;&gt;</b>注释掉一个广告时，里面有我定义样式的CSS语法，即&lt;div ..&gt;。看来是<b>IE 7下被注释掉的&lt;div&gt;是同样起作用</b>，以后需要谨慎了。</p>
<p>[tags]css, webdesign, ie[/tags]</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-netrenderer-website-effect.html" title="IE NetRenderer:网页IE效果查看器">IE NetRenderer:网页IE效果查看器</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/ie-7-css-div.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>网页特效教程</title>
		<link>http://e-spacy.com/blog/website-effect-guide.html</link>
		<comments>http://e-spacy.com/blog/website-effect-guide.html#comments</comments>
		<pubDate>Sun, 04 Feb 2007 10:05:15 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[网事如风]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://e-spacy.com/blog/997.html</guid>
		<description><![CDATA[Design Meme汇集了12个与众不同的网页特效教程。像CSS定制链接下划线，菜单揿钮放大的效果，CSS制做阴影等等，都很值得我们学习和应用。
好东西不敢独享，所以推荐给大家来共同学 ...... <br/><a href="http://e-spacy.com/blog/website-effect-guide.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.designmeme.com/">Design Meme</a>汇集了12个与众不同的<a href="http://www.designmeme.com/articles/">网页特效教程</a>。像CSS定制链接下划线，菜单揿钮放大的效果，CSS制做阴影等等，都很值得我们学习和应用。</p>
<p>好东西不敢独享，所以推荐给大家来共同学习。<br />[tags]webdesign, css[/tags]</p>
<p></p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/website-effect-guide.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS定制演变</title>
		<link>http://e-spacy.com/blog/css-custom-improve.html</link>
		<comments>http://e-spacy.com/blog/css-custom-improve.html#comments</comments>
		<pubDate>Sun, 26 Nov 2006 20:00:27 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[网事如风]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://voivo.de/blog/758.html</guid>
		<description><![CDATA[
来源：CSS Evolution
相关日志Colors Pallete Generator:查看图片配色Designoogle:网页设计搜索引擎XRAY:查询网页CSS属性两款CSS优化压缩服务IE 7下不能注释掉的di ...... <br/><a href="http://e-spacy.com/blog/css-custom-improve.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><img alt="designline-openair" src="http://static.flickr.com/116/306846149_bfcdcc389f_o.gif" width="500"><br />
来源：<a href="http://ajaxian.com/archives/css-evolution">CSS Evolution</a></p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/css-custom-improve.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Blog的两个小改变</title>
		<link>http://e-spacy.com/blog/blog-2-change.html</link>
		<comments>http://e-spacy.com/blog/blog-2-change.html#comments</comments>
		<pubDate>Sat, 21 Oct 2006 17:54:59 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[网事如风]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://voivo.de/blog/672.html</guid>
		<description><![CDATA[太长时间没有动过Blog的模板了，再不改改估都快忘记自己定义的那些CSS是什么意思了。
在Blog左侧加上了4个小图标，分别指向首页，存档，联系和订阅Feed。本来很早就看到有几个Blo ...... <br/><a href="http://e-spacy.com/blog/blog-2-change.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>太长时间没有动过Blog的模板了，再不改改估都快忘记自己定义的那些CSS是什么意思了。</p>
<p>在Blog左侧加上了4个小图标，分别指向首页，存档，联系和订阅Feed。本来很早就看到有几个Blog采用的那个模板，在左侧便有这样的三个图标，但找了半天也没找到，索性自己做了4个，因为不会使用Ulead PhotoImpace把图片背景弄成透明，所以便配合Blog的背景色把图标的边框弄成了一致的颜色。</p>
<p>在浏览单个日志时，把评论从下方移动到了正文的右并且固定位置，虽然这样的后果是缩小了正文的宽度，但可以在查看Blog或者评论内容的同时进行评论，而且不用拖拽移动条到最正文，或者是按下End，这样对于评论者来说很方便的事情。这个设计在国内的Blog中还不是很多见。</p>
<p>从用户角度出发的两个小细节，却实现了易用性原则中的两条: <strong>Easy to discover</strong>，<strong>Easy to use</strong>。</p>
<p><strong>update</strong>: 固定位置的效果在<strong>IE 6</strong>下无法实现，请使用<strong>FireFox</strong>或者更新成<strong>IE 7</strong>。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/blog-2-change.html/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>CSSVIewer:Firefox下查看网页CSS</title>
		<link>http://e-spacy.com/blog/cssviewer-firefox-css.html</link>
		<comments>http://e-spacy.com/blog/cssviewer-firefox-css.html#comments</comments>
		<pubDate>Mon, 03 Apr 2006 07:08:08 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://voivo.de/blog/494.html</guid>
		<description><![CDATA[利用CSSVIewer这个Firefox插件可以快捷地选择指定的网页部分，然后在一个浮动窗口中显示它的不同CSS属性，效果如图。
安装之后添加按钮到工具栏，然后点击它便可以查看了。这种方 ...... <br/><a href="http://e-spacy.com/blog/cssviewer-firefox-css.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><img src="https://addons.mozilla.org/images/previews/cssviewer-1.jpg" alt="" align="right" width="240" />利用<a href="https://addons.mozilla.org/extensions/moreinfo.php?id=2104&amp;application=firefox">CSSVIewer</a>这个<b>Firefox</b>插件可以快捷地选择指定的网页部分，然后在一个浮动窗口中显示它的不同<b>CSS</b>属性，效果如图。</p>
<p>安装之后添加按钮到工具栏，然后点击它便可以查看了。这种方式比查看整个网页页面的CSS属性要方便地多，而且也不用在整个CSS中一点点地寻找想要的部分。</p>
<p>小巧方便，强烈推荐。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/amplify-copy-post-to-twitter.html" title="Amplify:Twitter你的网页剪切板">Amplify:Twitter你的网页剪切板</a></li><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/seo-toolbar-firefox-plugin.html" title="SEO Toolbar:Firefox下强大的SEO扩展">SEO Toolbar:Firefox下强大的SEO扩展</a></li><li><a href="http://e-spacy.com/blog/gmail-cool-style.html" title="Gmail的超酷个性样式">Gmail的超酷个性样式</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/cssviewer-firefox-css.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>在线文字样式对比</title>
		<link>http://e-spacy.com/blog/online-font-style-compare.html</link>
		<comments>http://e-spacy.com/blog/online-font-style-compare.html#comments</comments>
		<pubDate>Mon, 09 Jan 2006 11:51:03 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://hhalloyy.de/blog/?p=413</guid>
		<description><![CDATA[http://typetester.maratz.com/这是一个字体对比网站，可以分三栏对比所选择的字体样式。
设置时，可以选择字体，字符的大小，高度，字符间距，行间距，对齐方式，装饰线样式，字体 ...... <br/><a href="http://e-spacy.com/blog/online-font-style-compare.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/55559143@N00/84331200/"><img src="http://static.flickr.com/37/84331200_a650832881_m.jpg" title="" align="right" height="176" width="240" alt="" class=""/></a><a href="http://typetester.maratz.com/">http://typetester.maratz.com/</a>这是一个字体对比网站，可以分三栏对比所选择的字体样式。</p>
<p>设置时，可以选择字体，字符的大小，高度，字符间距，行间距，对齐方式，装饰线样式，字体颜色和背景颜色。在设置好之后，点击右上tools中的Get CSS，便可以显示指定栏字体样式的CSS代码，复制便可以使用它了。</p>
<p>这比在设计文字显示样式时，一次次直接修改完代码再看效果，要方便得多，很实用，强烈推荐！！</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/colors-pallete-generator.html" title="Colors Pallete Generator:查看图片配色">Colors Pallete Generator:查看图片配色</a></li><li><a href="http://e-spacy.com/blog/designoogle-webdesign-search-engine.html" title="Designoogle:网页设计搜索引擎">Designoogle:网页设计搜索引擎</a></li><li><a href="http://e-spacy.com/blog/xray-css-display-css-properties.html" title="XRAY:查询网页CSS属性">XRAY:查询网页CSS属性</a></li><li><a href="http://e-spacy.com/blog/css-compress.html" title="两款CSS优化压缩服务">两款CSS优化压缩服务</a></li><li><a href="http://e-spacy.com/blog/ie-7-css-div.html" title="IE 7下不能注释掉的div">IE 7下不能注释掉的div</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/online-font-style-compare.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress定制教学</title>
		<link>http://e-spacy.com/blog/wordpress-custom-guide.html</link>
		<comments>http://e-spacy.com/blog/wordpress-custom-guide.html#comments</comments>
		<pubDate>Sat, 17 Dec 2005 17:31:15 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://hhalloyy.de/blog/?p=356</guid>
		<description><![CDATA[前两天见有人发了个定制WordPress的文章，昨天又更新了第二部分。写得简单，明白，而且配合好多插图，蛮适合新手学习一下如何修改模板。HOW TO: Customize Wordpress Part 1HOW TO: Customize W ...... <br/><a href="http://e-spacy.com/blog/wordpress-custom-guide.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>前两天见有人发了个定制WordPress的文章，昨天又更新了第二部分。写得简单，明白，而且配合好多插图，蛮适合新手学习一下如何修改模板。<br/><a href="http://performancing.com/node/407" title="HOW TO: Customize Wordpress Part 1">HOW TO: Customize Wordpress Part 1</a><br/><a href="http://performancing.com/node/429" title="HOW TO: Customize WordPress : Part 2">HOW TO: Customize WordPress : Part 2</a><br/><br/>不过我个人强烈推荐的是两篇有些古老的文章：<br/><a href="http://www.urbangiraffe.com/themes/guides">WordPress Theme Guide</a><br/><a href="http://www.tamba2.org.uk/wordpress/graphicalcss/">WordPress CSS Guides</a><br/><br/>如果真的想全面修改CSS来定制自己的WordPress，还是看后面两个比较好。<br/><br/></p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/warp-long-words.html" title="回复中链接长度设定">回复中链接长度设定</a></li><li><a href="http://e-spacy.com/blog/change-wordpress-theme.html" title="换新模板了！">换新模板了！</a></li><li><a href="http://e-spacy.com/blog/make-a-wordpress-theme.html" title="模板制做手记">模板制做手记</a></li><li><a href="http://e-spacy.com/blog/trouble-in-wordpress-theme.html" title="一失足之2小时恨">一失足之2小时恨</a></li><li><a href="http://e-spacy.com/blog/wordpress-css-error.html" title="Error">Error</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/wordpress-custom-guide.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>回复中链接长度设定</title>
		<link>http://e-spacy.com/blog/warp-long-words.html</link>
		<comments>http://e-spacy.com/blog/warp-long-words.html#comments</comments>
		<pubDate>Mon, 28 Nov 2005 12:37:04 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://hhalloyy.de/blog/?p=305</guid>
		<description><![CDATA[有人在回复中的链接过长，显示出来超过了边栏，导致页面混乱，甚是难看，赶紧解决。
先是把recent comment换到最右侧的边栏，问题依旧。因为自己的边栏长度是指定的px而不是％， ...... <br/><a href="http://e-spacy.com/blog/warp-long-words.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>有人在回复中的链接过长，显示出来超过了边栏，导致页面混乱，甚是难看，赶紧解决。</p>
<p>先是把recent comment换到最右侧的边栏，问题依旧。因为自己的边栏长度是指定的px而不是％，所以应该不是css问题。难道是wordpress代码？google上搜了许久也找不到答案，只好自己想办法。试着把链接加在了别的边栏项目中显示，会根据边栏的宽度自动换行，一定是那个插件问题了！！找到插件原地址，看到后面竟然有选项，才顿悟到后台option曾见过，赶快去看，原来根本就有这一选项嘛&#8221;<span style="COLOR: #0080c0">Wrap long words at</span>:&#8221;，根据我的sidebar宽度改成了20字节，一切OK！！</p>
<p>可有个困惑，为什么单单是链接出现换行问题，而文字再长也会根据边栏而自动换行呢？我想这可能和插件的代码有关吧，本想写个comment在插件的作者那里，但一看这个插件都是2004年的了，算了吧，估计他早忘记代码怎么写的了，还是别麻烦人家了。</p>
<p>发现自己的理性思维真的有随年龄而增强，但愿别的功能不要退化！！！！</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/wordpress-custom-guide.html" title="WordPress定制教学">WordPress定制教学</a></li><li><a href="http://e-spacy.com/blog/change-wordpress-theme.html" title="换新模板了！">换新模板了！</a></li><li><a href="http://e-spacy.com/blog/make-a-wordpress-theme.html" title="模板制做手记">模板制做手记</a></li><li><a href="http://e-spacy.com/blog/trouble-in-wordpress-theme.html" title="一失足之2小时恨">一失足之2小时恨</a></li><li><a href="http://e-spacy.com/blog/wordpress-css-error.html" title="Error">Error</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/warp-long-words.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>换新模板了！</title>
		<link>http://e-spacy.com/blog/change-wordpress-theme.html</link>
		<comments>http://e-spacy.com/blog/change-wordpress-theme.html#comments</comments>
		<pubDate>Sun, 27 Nov 2005 20:41:01 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://hhalloyy.de/blog/?p=301</guid>
		<description><![CDATA[调整了模板，有人说难看，呵呵，自己觉得也是难看。原因我是依据&#8221;K2&#8220;模板修改而来，而&#8221;K2&#8220;完全不按照wordpress的标准模板来制做。CSS内除了body, header, page, h1 我认 ...... <br/><a href="http://e-spacy.com/blog/change-wordpress-theme.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>调整了模板，有人说难看，呵呵，自己觉得也是难看。原因我是依据&#8221;<span style="COLOR: #0080c0">K2</span>&#8220;模板修改而来，而&#8221;<span style="COLOR: #0080c0">K2</span>&#8220;完全不按照wordpress的标准模板来制做。CSS内除了body, header, page, h1 我认识，竟用上了<span style="COLOR: #0080c0">primary</span>和<span style="COLOR: #0080c0">secondary</span>来定义post和sidebar。还有&#8221;K2&#8243;用Theloop.php来控制post的输出，而不是分开index和single来显示首页和单篇日志。这难道是优化了？可里面明明一堆堆的if (is_single()), if (is home()), 我倒！！！里面倒是写了好多注释，可我也就能闻闻&#8221;<span style="COLOR: #0080c0">花香</span>&#8220;，对&#8221;<span style="COLOR: #0080c0">鸟语</span>&#8220;就抓瞎了。就算是&#8221;<span style="COLOR: #0080c0">武林高手</span>&#8220;遇见个完全不按套路来出招的&#8221;<span style="COLOR: #0080c0">醉拳</span>&#8220;，也会郁闷上一段时间，何况我这个弱手了。不管怎样，还是给改了，因为实在喜欢它的强劲功能。</p>
<p>还是变成了三栏，两栏的话那一长串的sidebar实在让我头疼，因为偶的&#8221;中指&#8221;不太会滑鼠标的滚轮，估计是竖惯了，呵呵。颜色选成了蓝绿色系，肉眼看着舒服些，以前的绿色太艳了。</p>
<p>新模板功能介绍：</p>
<p>１。<span style="COLOR: #0080ff">Live Search</span>，在本地搜索栏内输入文字后会直接在下面生成结果，不过好像不支持中文，而且有时失效，郁闷。</p>
<p>２。<span style="COLOR: #0080ff">Live Comment</span>，回复留言时，不用页面刷新，发布内容就会直接输出。</p>
<p>３。<span style="COLOR: #0080ff">Asides</span>，会在侧边栏生成一个类似Note的content。</p>
<p>４。<span style="COLOR: #0080ff">页面加载</span>为先是日志正文内容，其实才是Sidebar的边栏，而替换了原来的先加载边栏，让其在日志被阅读时后台加载，方便来访。</p>
<p>问题：</p>
<p>１。首面中Asides和&#8221;<a href="http://www.lesterchan.net/portfolio/programming.php" title="Visit plugin homepage"><strong><span style="COLOR: #000066">Page Navigation</span></strong></a>&#8220;插件有冲突，分页只会显示为&#8221;１&#8221;。应该是php中$temp_query = $wp_query的问题，但我想不出来能怎么解决。只好加上了原来默认的前后分页。</p>
<p>２。本来想像原来的结构一样，边栏在日志的两侧，在修改时为了先加载Post，而采用了绝对定位，但显示结果footer的位置根据Sidebar的高度而定，而不是依据Post的高度。所以暂时还是把Sidebar放在了一起，有些结构混乱。。。。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/wordpress-theme-fadein.html" title="WordPress主题推荐:Fadein">WordPress主题推荐:Fadein</a></li><li><a href="http://e-spacy.com/blog/structure-news-style-wordpress-theme.html" title="Structure:新闻型WordPress模板">Structure:新闻型WordPress模板</a></li><li><a href="http://e-spacy.com/blog/wordpress-news-magazine-theme.html" title="新闻杂志型WordPress模板特色总结(附模板汇总)">新闻杂志型WordPress模板特色总结(附模板汇总)</a></li><li><a href="http://e-spacy.com/blog/premium-news-theme-win-yourself-a-copy.html" title="免费赢取WordPress模板Premium News">免费赢取WordPress模板Premium News</a></li><li><a href="http://e-spacy.com/blog/wordpress-theme-portraitpress.html" title="WordPress模板推荐:PortraitPress">WordPress模板推荐:PortraitPress</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/change-wordpress-theme.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>模板制做手记</title>
		<link>http://e-spacy.com/blog/make-a-wordpress-theme.html</link>
		<comments>http://e-spacy.com/blog/make-a-wordpress-theme.html#comments</comments>
		<pubDate>Sat, 26 Nov 2005 16:15:01 +0000</pubDate>
		<dc:creator>hhalloyy</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://hhalloyy.de/blog/?p=292</guid>
		<description><![CDATA[昨天初步把兄弟的blog模板算是建成了。根据他的要求把原来在sinablog里的分类和日志标题的背景弄了上来，可是总感觉太不协调了。今天下午便又重新动了一番手脚,满意多了。几番 ...... <br/><a href="http://e-spacy.com/blog/make-a-wordpress-theme.html" class="more-link">继续阅读</a>]]></description>
			<content:encoded><![CDATA[<p>昨天初步把兄弟的blog模板算是建成了。<br /><a href="http://flickr.com/photos/55559143@N00/67104240" title="undefined"><img style="width: 409px; height: 229px;" src="http://photos31.flickr.com/67104240_4a2c60e9cd_m.jpg" alt="Flickr Photo" /></a><br />根据他的要求把原来在sinablog里的分类和日志标题的背景弄了上来，可是总感觉太不协调了。今天下午便又重新动了一番手脚,满意多了。<br /><img style="width: 412px; height: 282px;" src="http://static.flickr.com/34/67104241_f1dc496f8b.jpg" /><br />几番更改css，有了更多的认识，总结一下：</p>
<p>1。尽量不要在php的文件中加上格式语法，而多用css来整体规划。</p>
<p>2。写css时，要分类分功能分模块，不要追加语句或者重复定义。不然乱得你自己再修改时都会晕。</p>
<p>3。要考虑分辨率的问题，在位置定义时，尽量少用绝对定位，而多用相对定位。</p>
<p>4。在php文件中调用css格式时，注意&lt;div&gt;&lt;/div&gt;的规范。</p>
<p>5。padding和margin的位置定义顺序为“上，右，下，左”，当忽略只定义为一个属性时，它指的是上，右，下，左全为此属性值。</p>
<p>6。区分大小写，尤其是在引用图片时的文件名。（这个真是害我不浅，因为在我的机器里正常，却在服务器端显示不出来，可能是unix和windows的差异）。</p>
<p>7。谨慎使用em和pt，虽然用户能用浏览器来调节字体大小，但IE这个垃圾比较弱智。</p>
<p>8。用至少三个版本的浏览器来测试效果，原因同上。</p>
<h3>相关日志</h3><span class="related_post"><li><a href="http://e-spacy.com/blog/new-blog-welcome.html" title="新Blog建立，欢迎坐客">新Blog建立，欢迎坐客</a></li><li><a href="http://e-spacy.com/blog/wordpress-downgrade.html" title="WordPress降级的趣事">WordPress降级的趣事</a></li><li><a href="http://e-spacy.com/blog/change-permalink-plugin.html" title="转换Permalink用到的两款插件">转换Permalink用到的两款插件</a></li><li><a href="http://e-spacy.com/blog/wp-tumblr-wordpress-theme.html" title="WP-Tumblr:WordPress仿Tumblr模板">WP-Tumblr:WordPress仿Tumblr模板</a></li><li><a href="http://e-spacy.com/blog/wordpress-post-id.html" title="WordPress离线发布的不连续ID">WordPress离线发布的不连续ID</a></li></span>]]></content:encoded>
			<wfw:commentRss>http://e-spacy.com/blog/make-a-wordpress-theme.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

