<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>黑金侠 &#187; 设计</title>
	<atom:link href="http://hjx.me/tag/%e8%ae%be%e8%ae%a1/feed/" rel="self" type="application/rss+xml" />
	<link>http://hjx.me</link>
	<description>侠之大者，为生为活。</description>
	<lastBuildDate>Sun, 13 Jun 2010 13:56:33 +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>插件Titletopng-DIY</title>
		<link>http://hjx.me/2009/03/20/titletopng-diy/</link>
		<comments>http://hjx.me/2009/03/20/titletopng-diy/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 10:49:06 +0000</pubDate>
		<dc:creator>elion</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[psd源文件]]></category>
		<category><![CDATA[titletopng]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://hjx.me/2009/03/20/titletopng-diy/</guid>
		<description><![CDATA[前几天找到了一款很有意思的插件：titletopng。它可以让blog更新信息显示在任何可以贴图的地方。（如论坛签名。）
今天有时间，好好把玩了一下。
效果预览：

 
首先，在作者的博客上发现有更新了：
版本1.1&#160; 更新时间:2009-03-14
更新日志： 增加了用户自定义图片的输出路径
更新文件下载地址 updatato11 

&#160;
插件构成很简单:index.php,pic.png(原背景图),msyh.ttf(字体文件&#8211;雅黑字体)。
1.个人不太喜欢雅黑字体，可能有点审美疲劳了吧。
为了以后更换字体方便，先打开index.php，查找msyh.ttf,替换成font.ttf.
这样以后更换字体，只要将所需的字体文件名改成font.ttf就可以了。
2.打开PS，发挥自己的想像吧，PS出一张修改的背景图片，配上字体和字样。
这样方便后面设置。
注意：制作的图片尺寸，尽量长而扁，适合做论坛签名图片。
制作成的图片覆盖pic.png就可以了。
3.后台设置
插件比较人性化，后台设有预览功能，大家可以根据制作的图片直接调试。
以下是我的设置：
显示文章数: 5篇    字体大小: 10 px     标题长度:60 字节     行间距: 10 px     文本块开始处的横坐标:13 px     文本块开始处的纵坐标:22 px     文本颜色: 255 255 255
至于图片输出路径，我直接放在根目录下，这样方便引用。
&#160;
附上我用的字体和图片的PSD源文件！
字体：方正少儿字体
PSD源文件：[download id="16"]
Copyright &#169; 2009黑金侠 版权所有.本文基于CC协议创作和分享
Email:elion815[at]gmail.com f75dbc7fe9a3b1f4fb22c94bb2915a2b
	Related posts
	
	中国联通3G品牌标识确定 (5)
	主题继续完善二 (6)
	主题完善之一 (0)
	CSS图像热点运用 [...]]]></description>
			<content:encoded><![CDATA[<p>前几天找到了一款很有意思的插件：<a href="http://hjx.me/2009/03/17/wptitiletopn/" target="_blank">titletopng</a>。它可以让blog更新信息显示在任何可以贴图的地方。（如论坛签名。）</p>
<p>今天有时间，好好把玩了一下。</p>
<p>效果预览：</p>
<p><img src="http://hjx.me/tool/title.png" /></p>
<p> <span id="more-266"></span>
<p>首先，在作者的博客上发现有更新了：</p>
<blockquote><p>版本1.1&#160; 更新时间:2009-03-14</p>
<p>更新日志： 增加了用户自定义图片的输出路径</p>
<p>更新文件下载地址 <a href="http://www.px234.cn/wp-content/uploads/2009/03/updatato11.rar">updatato11</a> </p>
</blockquote>
<p>&#160;</p>
<p>插件构成很简单:index.php,pic.png(原背景图),msyh.ttf(字体文件&#8211;雅黑字体)。</p>
<p>1.个人不太喜欢雅黑字体，可能有点审美疲劳了吧。</p>
<p>为了以后更换字体方便，先打开index.php，查找msyh.ttf,替换成font.ttf.</p>
<p>这样以后更换字体，只要将所需的字体文件名改成font.ttf就可以了。</p>
<p>2.打开PS，发挥自己的想像吧，PS出一张修改的背景图片，配上字体和字样。</p>
<p>这样方便后面设置。</p>
<p>注意：制作的图片尺寸，尽量长而扁，适合做论坛签名图片。</p>
<p>制作成的图片覆盖pic.png就可以了。</p>
<p>3.后台设置</p>
<p>插件比较人性化，后台设有预览功能，大家可以根据制作的图片直接调试。</p>
<p>以下是我的设置：</p>
<p>显示文章数: 5篇    <br />字体大小: 10 px     <br />标题长度:60 字节     <br />行间距: 10 px     <br />文本块开始处的横坐标:13 px     <br />文本块开始处的纵坐标:22 px     <br />文本颜色: 255 255 255</p>
<p>至于图片输出路径，我直接放在根目录下，这样方便引用。</p>
<p>&#160;</p>
<p>附上我用的字体和图片的PSD源文件！</p>
<p>字体：<a href="http://www.box.net/shared/i500o9afhs" target="_blank">方正少儿字体</a></p>
<p>PSD源文件：[download id="16"]</p>
<hr /><small>Copyright &copy; 2009<br /><a href="http://hjx.me/" title="黑金侠" >黑金侠</a> 版权所有.本文基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="cc" >CC</a>协议创作和分享<br />
Email:elion815[at]gmail.com<hr /> f75dbc7fe9a3b1f4fb22c94bb2915a2b</small>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://hjx.me/2009/03/16/bsdesign/" title="中国联通3G品牌标识确定 (March 16, 2009)">中国联通3G品牌标识确定</a> (5)</li>
	<li><a href="http://hjx.me/2009/02/27/newreply/" title="主题继续完善二 (February 27, 2009)">主题继续完善二</a> (6)</li>
	<li><a href="http://hjx.me/2009/02/27/redesignrs/" title="主题完善之一 (February 27, 2009)">主题完善之一</a> (0)</li>
	<li><a href="http://hjx.me/2009/01/31/cssimagehotlink/" title="CSS图像热点运用 (January 31, 2009)">CSS图像热点运用</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://hjx.me/2009/03/20/titletopng-diy/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>中国联通3G品牌标识确定</title>
		<link>http://hjx.me/2009/03/16/bsdesign/</link>
		<comments>http://hjx.me/2009/03/16/bsdesign/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 10:24:24 +0000</pubDate>
		<dc:creator>elion</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[3g标识]]></category>
		<category><![CDATA[新闻]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://hjx.me/2009/03/16/bsdesign/</guid>
		<description><![CDATA[标识释义：由英文字母的“WO”和中文“沃”搭配组成，整个图案为橙黄色调，没有明显的3G的字样。
据该人士表示，中国联通定义“沃”品牌并无“舍我其谁”的意思，只是由惊喜的口语“WO”而来。这也正是联通全业务品牌的定位——沃，是想象力被释放带来的无限惊喜。但这一含义没有得到中国联通官方确认。
 
定位时尚群体
 
定位商务人群
 
定位家庭用户
 
联想的3G标志，有过N个版本了，估计这个应该才是真正的版本了。
个人感觉MS有点简单…
不过标识仅仅是标识，俺以后就投靠它啦，哈哈~~
&#160;
相关：
中国电信3G标识：
“天翼”的LOGO是一朵由e变形而成的祥云。整个LOGO以e为主，与翼字谐音，充分体现与互联网及信息应用的相关性；变形的e字形似云彩，很好地诠释了“天翼”的寓意，代表“天翼”将人们带入自由自在的移动互联网新时代；图案既有传统特色，又富含未来感和科技感。
&#160; 
&#160;
中国移动3G标识：
“G3”标识造型取义中国太极，以中间一点逐渐向外旋展，寓意3G生活不断变化和精彩无限的外延；其核心视觉元素源自中国传统文化中最具代表性的水 墨丹青和朱红印章，以现代手法加以简约化设计，该标识还有丰富的彩色运用和延展，这体现了中国移动积极支持国家自主科技创新，架起全新沟通平台，为客户提 供精彩、高效的数字化信息生活。
&#160;

Copyright &#169; 2009黑金侠 版权所有.本文基于CC协议创作和分享
Email:elion815[at]gmail.com f75dbc7fe9a3b1f4fb22c94bb2915a2b
	Related posts
	
	谷歌，走了 (9)
	转：Twitter 四周岁生日快乐！从 2006 年到今天 (4)
	插件Titletopng-DIY (6)
	Flashget3.0beta2发布 (0)


]]></description>
			<content:encoded><![CDATA[<p><strong>标识释义：由英文字母的“WO”和中文“沃”搭配组成，整个图案为橙黄色调，没有明显的3G的字样。</strong></p>
<p>据该人士表示，中国联通定义“沃”品牌并无“舍我其谁”的意思，只是由惊喜的口语“WO”而来。这也正是联通全业务品牌的定位——沃，是想象力被释放带来的无限惊喜。但这一含义没有得到中国联通官方确认。</p>
<p><img src="http://farm4.static.flickr.com/3581/3358856537_f92b0235d0_o.jpg" /> </p>
<p>定位时尚群体</p>
<p><img src="http://farm4.static.flickr.com/3575/3358856473_401bae0609_o.jpg" /> </p>
<p>定位商务人群</p>
<p><img src="http://farm4.static.flickr.com/3559/3358856491_44dfd0d4de_o.jpg" /> </p>
<p>定位家庭用户</p>
<p> <span id="more-239"></span>
<p>联想的3G标志，有过N个版本了，估计这个应该才是真正的版本了。</p>
<p>个人感觉MS有点简单…</p>
<p>不过标识仅仅是标识，俺以后就投靠它啦，哈哈~~</p>
<p>&#160;</p>
<p>相关：</p>
<p>中国电信3G标识：</p>
<p>“天翼”的LOGO是一朵由e变形而成的祥云。整个LOGO以e为主，与翼字谐音，充分体现与互联网及信息应用的相关性；变形的e字形似云彩，很好地诠释了“天翼”的寓意，代表“天翼”将人们带入自由自在的移动互联网新时代；图案既有传统特色，又富含未来感和科技感。</p>
<p>&#160;<img src="http://farm4.static.flickr.com/3605/3359675308_47443f79c8_o.jpg" /> </p>
<p>&#160;</p>
<p>中国移动3G标识：</p>
<p>“G3”标识造型取义中国太极，以中间一点逐渐向外旋展，寓意3G生活不断变化和精彩无限的外延；其核心视觉元素源自中国传统文化中最具代表性的水 墨丹青和朱红印章，以现代手法加以简约化设计，该标识还有丰富的彩色运用和延展，这体现了中国移动积极支持国家自主科技创新，架起全新沟通平台，为客户提 供精彩、高效的数字化信息生活。</p>
<p>&#160;</p>
<p><img src="http://farm4.static.flickr.com/3440/3358856451_47b32b3ca4_o.jpg" /></p>
<hr /><small>Copyright &copy; 2009<br /><a href="http://hjx.me/" title="黑金侠" >黑金侠</a> 版权所有.本文基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="cc" >CC</a>协议创作和分享<br />
Email:elion815[at]gmail.com<hr /> f75dbc7fe9a3b1f4fb22c94bb2915a2b</small>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://hjx.me/2010/03/23/google-out-of-mlofchina/" title="谷歌，走了 (March 23, 2010)">谷歌，走了</a> (9)</li>
	<li><a href="http://hjx.me/2010/03/21/twitter2006to2010/" title="转：Twitter 四周岁生日快乐！从 2006 年到今天 (March 21, 2010)">转：Twitter 四周岁生日快乐！从 2006 年到今天</a> (4)</li>
	<li><a href="http://hjx.me/2009/03/20/titletopng-diy/" title="插件Titletopng-DIY (March 20, 2009)">插件Titletopng-DIY</a> (6)</li>
	<li><a href="http://hjx.me/2009/03/04/flashget3-beta2/" title="Flashget3.0beta2发布 (March 4, 2009)">Flashget3.0beta2发布</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://hjx.me/2009/03/16/bsdesign/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>主题继续完善二</title>
		<link>http://hjx.me/2009/02/27/newreply/</link>
		<comments>http://hjx.me/2009/02/27/newreply/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 14:27:45 +0000</pubDate>
		<dc:creator>elion</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[嵌套回复]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://hjx.me/2009/02/27/newreply/</guid>
		<description><![CDATA[继最新日志/最新评论显示改成下方显示后，打算继续完善本主题，见最近评论越来越多，急需解决的就是评论回复的问题。
其实，自打WordPress 2.7还没出来，就已经在CB上看到2.7的新特性。
其中之一就是集成优秀插件Thread Comment，使得WordPress自身就拥有了嵌套评论的功能。
之前，一直延用2.5时候的主题，所以一直懒得去做。
今天有时间，参考了数篇文章，终于实现了这一效果：上预览图。
 
&#160;
 
&#160;
现在和大家分享一下吧。
1.要实现效果，先在主题的header.php添加以下PHP代码。(直接复制就行了)
&#60;?php if ( is_singular() ) wp_enqueue_script( &#8216;comment-reply&#8217;); ?&#62;

放在&#60;?php wp_head(); ?&#62;之前就可以了。
2.如果自己的主题评论这一块没有特别的修改，那么直接先将2.7默认主题的comments.php内容直接拷到现有的主题下的comments.php里。
3.设置CSS代码，这个就不多说啦…
我是直接用chrome的Inspector element查看，再用CSS设置。
Copyright &#169; 2009黑金侠 版权所有.本文基于CC协议创作和分享
Email:elion815[at]gmail.com f75dbc7fe9a3b1f4fb22c94bb2915a2b
	Related posts
	
	WP分页插件:Paginator让分页导航更直观 (11)
	WordPress升级到2.8版本 (9)
	插件Titletopng-DIY (6)
	WP插件:让你的图片签名显示日志更新 (4)


]]></description>
			<content:encoded><![CDATA[<p>继最新日志/最新评论显示改成下方显示后，打算继续完善本主题，见最近评论越来越多，急需解决的就是评论回复的问题。</p>
<p>其实，自打WordPress 2.7还没出来，就已经在CB上看到2.7的新特性。</p>
<p>其中之一就是集成优秀插件Thread Comment，使得WordPress自身就拥有了嵌套评论的功能。</p>
<p>之前，一直延用2.5时候的主题，所以一直懒得去做。</p>
<p>今天有时间，参考了数篇文章，终于实现了这一效果：上预览图。</p>
<p> <span id="more-189"></span>
<p>&#160;</p>
<p><img src="http://farm4.static.flickr.com/3536/3313305455_efaa81bf83.jpg" /> </p>
<p>&#160;</p>
<p>现在和大家分享一下吧。</p>
<p>1.要实现效果，先在主题的header.php添加以下PHP代码。(直接复制就行了)</p>
<blockquote><p><strong>&lt;?php if ( is_singular() ) wp_enqueue_script( &#8216;comment-reply&#8217;); ?&gt;</strong></p>
</blockquote>
<p>放在&lt;?php wp_head(); ?&gt;之前就可以了。</p>
<p>2.如果自己的主题评论这一块没有特别的修改，那么直接先将2.7默认主题的comments.php内容直接拷到现有的主题下的comments.php里。</p>
<p>3.设置CSS代码，这个就不多说啦…</p>
<p>我是直接用chrome的Inspector element查看，再用CSS设置。</p>
<hr /><small>Copyright &copy; 2009<br /><a href="http://hjx.me/" title="黑金侠" >黑金侠</a> 版权所有.本文基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="cc" >CC</a>协议创作和分享<br />
Email:elion815[at]gmail.com<hr /> f75dbc7fe9a3b1f4fb22c94bb2915a2b</small>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://hjx.me/2009/06/16/wp-paginator/" title="WP分页插件:Paginator让分页导航更直观 (June 16, 2009)">WP分页插件:Paginator让分页导航更直观</a> (11)</li>
	<li><a href="http://hjx.me/2009/06/12/wordpress2-8/" title="WordPress升级到2.8版本 (June 12, 2009)">WordPress升级到2.8版本</a> (9)</li>
	<li><a href="http://hjx.me/2009/03/20/titletopng-diy/" title="插件Titletopng-DIY (March 20, 2009)">插件Titletopng-DIY</a> (6)</li>
	<li><a href="http://hjx.me/2009/03/17/wptitiletopn/" title="WP插件:让你的图片签名显示日志更新 (March 17, 2009)">WP插件:让你的图片签名显示日志更新</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://hjx.me/2009/02/27/newreply/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>主题完善之一</title>
		<link>http://hjx.me/2009/02/27/redesignrs/</link>
		<comments>http://hjx.me/2009/02/27/redesignrs/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 14:06:18 +0000</pubDate>
		<dc:creator>elion</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://hjx.me/2009/02/27/redesignrs/</guid>
		<description><![CDATA[之前为“最新日志/最新评论”设置的右侧侧边栏动态显示效果，用了一段时间感觉不太舒服，想想还是转回原来的效果：在页面底部并排显示。虽然不是我自己的创意，但还是自己通过CSS慢慢调整得出了。
本效果在IE 7,chrome,Firefox,Opera下测试通过，至于IE 6不做考虑。。
&#160;

 
&#160;

Copyright &#169; 2009黑金侠 版权所有.本文基于CC协议创作和分享
Email:elion815[at]gmail.com f75dbc7fe9a3b1f4fb22c94bb2915a2b
	Related posts
	
	WP分页插件:Paginator让分页导航更直观 (11)
	WordPress升级到2.8版本 (9)
	插件Titletopng-DIY (6)
	WP插件:让你的图片签名显示日志更新 (4)


]]></description>
			<content:encoded><![CDATA[<p>之前为“最新日志/最新评论”设置的右侧侧边栏动态显示效果，用了一段时间感觉不太舒服，想想还是转回原来的效果：在页面底部并排显示。虽然不是我自己的创意，但还是自己通过CSS慢慢调整得出了。</p>
<p>本效果在IE 7,chrome,Firefox,Opera下测试通过，至于IE 6不做考虑。。</p>
<p>&#160;</p>
<p><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://farm4.static.flickr.com/3585/3313305807_e48bf7bb6b_o.jpg" /></p>
<p> <span id="more-187"></span>
<p>&#160;</p>
<p><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://farm4.static.flickr.com/3495/3313306153_e3ee8ba36d_o.jpg" /></p>
<hr /><small>Copyright &copy; 2009<br /><a href="http://hjx.me/" title="黑金侠" >黑金侠</a> 版权所有.本文基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="cc" >CC</a>协议创作和分享<br />
Email:elion815[at]gmail.com<hr /> f75dbc7fe9a3b1f4fb22c94bb2915a2b</small>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://hjx.me/2009/06/16/wp-paginator/" title="WP分页插件:Paginator让分页导航更直观 (June 16, 2009)">WP分页插件:Paginator让分页导航更直观</a> (11)</li>
	<li><a href="http://hjx.me/2009/06/12/wordpress2-8/" title="WordPress升级到2.8版本 (June 12, 2009)">WordPress升级到2.8版本</a> (9)</li>
	<li><a href="http://hjx.me/2009/03/20/titletopng-diy/" title="插件Titletopng-DIY (March 20, 2009)">插件Titletopng-DIY</a> (6)</li>
	<li><a href="http://hjx.me/2009/03/17/wptitiletopn/" title="WP插件:让你的图片签名显示日志更新 (March 17, 2009)">WP插件:让你的图片签名显示日志更新</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://hjx.me/2009/02/27/redesignrs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS图像热点运用</title>
		<link>http://hjx.me/2009/01/31/cssimagehotlink/</link>
		<comments>http://hjx.me/2009/01/31/cssimagehotlink/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 07:54:13 +0000</pubDate>
		<dc:creator>elion</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[图像热点]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://hjx.me/2009/01/31/css%e5%9b%be%e5%83%8f%e7%83%ad%e7%82%b9%e8%bf%90%e7%94%a8/</guid>
		<description><![CDATA[之前有朋友说我的主题像是女生用的，于是新的主题匆忙上马，一直没加上RSS的链接。
因为一直没有什么好的创意，直到前几天在车上想到以拼图的形式实现，回来PS动手一做，感觉瞒好。
&#160; 
但问题是如何实现链接，本想用土办法，PS制切片，再通过CSS分别定义。
想想没办法解决又放了几天。
 
不过一天睡觉前突然想到大学时读过的一本书－－《CSS Mastery》，有通过运用CSS图像热点实现链接的方法。
 
效果见右侧侧边栏…
Copyright &#169; 2009黑金侠 版权所有.本文基于CC协议创作和分享
Email:elion815[at]gmail.com f75dbc7fe9a3b1f4fb22c94bb2915a2b
	Related posts
	
	插件Titletopng-DIY (6)
	中国联通3G品牌标识确定 (5)
	主题继续完善二 (6)
	主题完善之一 (0)


]]></description>
			<content:encoded><![CDATA[<p>之前有朋友说我的主题像是女生用的，于是新的主题匆忙上马，一直没加上RSS的链接。</p>
<p>因为一直没有什么好的创意，直到前几天在车上想到以拼图的形式实现，回来PS动手一做，感觉瞒好。</p>
<p>&#160;<img src="http://farm4.static.flickr.com/3459/3240091963_0bd287bf65_o.gif" /> </p>
<p>但问题是如何实现链接，本想用土办法，PS制切片，再通过CSS分别定义。</p>
<p>想想没办法解决又放了几天。</p>
<p> <span id="more-99"></span>
<p>不过一天睡觉前突然想到大学时读过的一本书－－《<a href="http://www.amazon.cn/detail/product.asp?prodid=bkbk620962&amp;ref=SR&amp;uid=168-5642517-7798653">CSS Mastery</a>》，有通过运用CSS图像热点实现链接的方法。</p>
<p><img src="http://farm4.static.flickr.com/3324/3240927170_0affb8386a_o.jpg" /> </p>
<p>效果见右侧侧边栏…</p>
<hr /><small>Copyright &copy; 2009<br /><a href="http://hjx.me/" title="黑金侠" >黑金侠</a> 版权所有.本文基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="cc" >CC</a>协议创作和分享<br />
Email:elion815[at]gmail.com<hr /> f75dbc7fe9a3b1f4fb22c94bb2915a2b</small>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://hjx.me/2009/03/20/titletopng-diy/" title="插件Titletopng-DIY (March 20, 2009)">插件Titletopng-DIY</a> (6)</li>
	<li><a href="http://hjx.me/2009/03/16/bsdesign/" title="中国联通3G品牌标识确定 (March 16, 2009)">中国联通3G品牌标识确定</a> (5)</li>
	<li><a href="http://hjx.me/2009/02/27/newreply/" title="主题继续完善二 (February 27, 2009)">主题继续完善二</a> (6)</li>
	<li><a href="http://hjx.me/2009/02/27/redesignrs/" title="主题完善之一 (February 27, 2009)">主题完善之一</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://hjx.me/2009/01/31/cssimagehotlink/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>新的主题</title>
		<link>http://hjx.me/2009/01/21/newtheme/</link>
		<comments>http://hjx.me/2009/01/21/newtheme/#comments</comments>
		<pubDate>Wed, 21 Jan 2009 12:32:48 +0000</pubDate>
		<dc:creator>elion</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[图标]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://hjx.me/2009/01/21/%e6%96%b0%e7%9a%84%e4%b8%bb%e9%a2%98/</guid>
		<description><![CDATA[喜欢设计的朋友一定有这样的感受，永远不满足自己的作品，之前已经做了3，4个主题，但随着时间的推移，就会想设计一个新的出来。
新的主题，主色调是灰色的（突然想起一个朋友曾用过的QQ昵称，灰色主色调，呵呵）。用了N久的QQ昵称都改成“角落的遗忘”了，可能和最近的心情有关系吧。
新的主题，延用了之前主题的左侧category以图片拉出显示，中间日志内容，右侧看似单栏的双栏侧边栏。添加了些JS显示效果，如Recent Posts 和Recent Comments 以相互切换显示。（我做的？我可不懂什么JS！！）
  
新的主题，简单至上。。。
 
&#160;  
不过今天新奇的倒不是这个，而是刚因为RSS图标设计的时候，想找一些素材，结果Google搜索一下，搜到了这个页面优秀RSS标志设计汇总,发现真的有很多漂亮的RSS图标，突然之间找到一个特眼熟的图标，虽然很丑，但好像真的是我做的吧。还好我当初做预览图的时候，加了自己的水印，呵呵。另外，链接出去的一个什么鸟文的RSS图标网站上，我一拉，竟然还有我的那个图标，真是汗了。
&#160;
&#160;  
突然想找找自己往前做的东西，结果还真有很多网站挂着。尤其一件让我感到好笑的是：
在先锋论坛上，我发表了一个自制的鼠标，结果回者了了无几，下载也不超100。可N久以后，我看到了一个会员发的[推荐]水母般的鼠标, 恨可爱哟~,刚去看了下，下载量竟有2000多了，这这这。。吐血。。。
还有，更夸张的，在世界之窗论坛竟也有晶莹剔透的水母光标。。。
其实，我现在看看2年多前做的东西，觉得真的很幼稚。不过，我总相信一句话，有人喜欢，这个作品的存在还是有价值的，至少可以说我为别人做了贡献，呵呵。。。
好了，不扯了。希望快点把主题完善吧。
Copyright &#169; 2009黑金侠 版权所有.本文基于CC协议创作和分享
Email:elion815[at]gmail.com f75dbc7fe9a3b1f4fb22c94bb2915a2b
	Related posts
	
	WP分页插件:Paginator让分页导航更直观 (11)
	WordPress升级到2.8版本 (9)
	插件Titletopng-DIY (6)
	WP插件:让你的图片签名显示日志更新 (4)


]]></description>
			<content:encoded><![CDATA[<p>喜欢设计的朋友一定有这样的感受，永远不满足自己的作品，之前已经做了3，4个主题，但随着时间的推移，就会想设计一个新的出来。</p>
<p>新的主题，主色调是灰色的（突然想起一个朋友曾用过的QQ昵称，灰色主色调，呵呵）。用了N久的QQ昵称都改成“角落的遗忘”了，可能和最近的心情有关系吧。</p>
<p>新的主题，延用了之前主题的左侧category以图片拉出显示，中间日志内容，右侧看似单栏的双栏侧边栏。添加了些JS显示效果，如Recent Posts 和Recent Comments 以相互切换显示。（我做的？我可不懂什么JS！！）</p>
<p>  <span id="more-51"></span>
<p>新的主题，简单至上。。。</p>
<p><img src="http://farm4.static.flickr.com/3262/3214570953_22336ca62e_o.jpg" /> </p>
<p>&#160; <img src="http://farm4.static.flickr.com/3352/3215421282_3655076f0c_o.jpg" /> </p>
<p>不过今天新奇的倒不是这个，而是刚因为RSS图标设计的时候，想找一些素材，结果Google搜索一下，搜到了这个页面<a href="http://aboutrss.cn/rss-icon-free-download/" target="_blank">优秀RSS标志设计汇总</a>,发现真的有很多漂亮的RSS图标，突然之间找到一个特眼熟的图标，虽然很丑，但好像真的是我做的吧。还好我当初做预览图的时候，加了自己的水印，呵呵。另外，链接出去的一个什么鸟文的RSS图标网站上，我一拉，竟然还有我的那个图标，真是汗了。</p>
<p>&#160;</p>
<p>&#160; <img src="http://farm4.static.flickr.com/3322/3214571043_69f7bfe22c_o.jpg" /> </p>
<p>突然想找找自己往前做的东西，结果还真有很多网站挂着。尤其一件让我感到好笑的是：</p>
<p>在先锋论坛上，我发表了一个自制的鼠标，结果回者了了无几，下载也不超100。可N久以后，我看到了一个会员发的<a title="[推荐]水母般的鼠标, 恨可爱哟~" href="http://bbs.pcpchina.com/index.php?showtopic=109307" target="_blank">[推荐]水母般的鼠标, 恨可爱哟~</a>,刚去看了下，下载量竟有2000多了，这这这。。吐血。。。</p>
<p>还有，更夸张的，在世界之窗论坛竟也有<a title="晶莹剔透的水母光标" href="http://bbs.ioage.com/cn/viewthread.php?tid=22005&amp;extra=&amp;page=1" target="_blank">晶莹剔透的水母光标</a>。。。</p>
<p>其实，我现在看看2年多前做的东西，觉得真的很幼稚。不过，我总相信一句话，有人喜欢，这个作品的存在还是有价值的，至少可以说我为别人做了贡献，呵呵。。。</p>
<p>好了，不扯了。希望快点把主题完善吧。</p>
<hr /><small>Copyright &copy; 2009<br /><a href="http://hjx.me/" title="黑金侠" >黑金侠</a> 版权所有.本文基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="cc" >CC</a>协议创作和分享<br />
Email:elion815[at]gmail.com<hr /> f75dbc7fe9a3b1f4fb22c94bb2915a2b</small>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://hjx.me/2009/06/16/wp-paginator/" title="WP分页插件:Paginator让分页导航更直观 (June 16, 2009)">WP分页插件:Paginator让分页导航更直观</a> (11)</li>
	<li><a href="http://hjx.me/2009/06/12/wordpress2-8/" title="WordPress升级到2.8版本 (June 12, 2009)">WordPress升级到2.8版本</a> (9)</li>
	<li><a href="http://hjx.me/2009/03/20/titletopng-diy/" title="插件Titletopng-DIY (March 20, 2009)">插件Titletopng-DIY</a> (6)</li>
	<li><a href="http://hjx.me/2009/03/17/wptitiletopn/" title="WP插件:让你的图片签名显示日志更新 (March 17, 2009)">WP插件:让你的图片签名显示日志更新</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://hjx.me/2009/01/21/newtheme/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
