Prower's Blog » wordpress themes http://www.prower.cn 关注互联网、体验互联网，记录成长历程 Thu, 05 Jan 2012 00:40:50 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 博客侧边栏订阅样式共享 http://www.prower.cn/technic/1440 http://www.prower.cn/technic/1440#comments Fri, 12 Jun 2009 16:41:02 +0000 摄氏度 http://www.prower.cn/?p=1440 博客之前侧边栏有六个订阅方式，分别是六个不同的在线阅读器，当时考虑的是提供更多的阅读器提供方式以满足不同需求的读者，但通过对订阅统计的分析，发现订阅博客的读者基本上是在Google Reader和鲜果两大阅读器阵营，而且更重要的是除了六个阅读器外没有提供原生的订阅链接，所以就修改了这一块的样式。

有朋友觉得这个样式好看些，希望共享样式出来，所以在这里就把样式共享出来。这里的修改只针对Prower V2这个主题。

先下载这个图片上传到主题的images文件夹里：

然后复制这段HTML结构到主题的rsidebar.php文件里替换原来的RSS结构，当然你要修改其中的订阅地址为你自己博客的订阅地址：

<div id=”rss”>
<link title=”RSS 2.0″ type=”application/rss+xml” href=”http://feed.prower.cn” rel=”alternate” />
<a id=”rssGoogle” title=”用Google阅读器订阅” href=”http://fusion.google.com/add?feedurl=http://feed.prower.cn” target=”_blank”>用Google阅读器订阅</a>
<a id=”rssIcon” title=”RSS订阅” href=”http://feed.prower.cn” target=”_blank”>RSS订阅</a>
<a id=”rssXiangou” title=”用鲜果阅读器订阅” href=”http://www.xianguo.com/subscribe.php?url=http://feed.prower.cn” target=”_blank”>用鲜果阅读器订阅</a>
</div>

再复制以下样式到style.css文件里，替换原来的RSS样式：

#rss {width:290px; height:50px; overflow:hidden;}
#rssGoogle,#rssIcon,#rssXiangou {float:left; padding-top:50px; overflow:hidden; display:block; background:url(images/rssBg.png) no-repeat;}
#rssGoogle:hover,#rssIcon:hover,#rssXiangou:hover {background:url(images/rssBg.png) no-repeat -290px 0;}
#rssGoogle {background-position:0 0; width:113px;}
#rssGoogle:hover {background-position:-290px 0;}
#rssIcon {background-position:-113px 0; width:79px;}
#rssIcon:hover{background-position:-403px 0;}
#rssXiangou {background-position:-192px 0; width:98px;}
#rssXiangou:hover {background-position:-482px 0;}

完成以上三步，侧边栏的订阅样式就可以和我现在的一样了。

更新：如果复制过去后不能显示图片，请手动修改HTML结构里的双引号。

]]> http://www.prower.cn/technic/1440/feed 25 prower v2的另一个DEMO http://www.prower.cn/work/96 http://www.prower.cn/work/96#comments Tue, 20 May 2008 00:36:13 +0000 摄氏度 http://www.prower.cn/?p=96 从说着要给博客改版到现在已经过去了两个月了，可是新版本依然还在襁褓之中，期中版本的DEMO设计图做了好几个，页面的代码每个也都布了一半多，可是每次代码布过一半以后就开始对主题产生很多不满意的地方，于是一次又一次的进行重构。

这个黑色版的，代码也已经布了一半多了，功能也基本上满意了自己的需求，可是却突然发现，黑色的不易于阅读，看久了会伤眼睛，虽然当时觉得它很酷（现在依然觉得还算不错），为了浏览者的“健康”着想，还是决定放弃这个黑色版本的制作。

下一版到底什么时候会出来呢？我也不知道。

]]> http://www.prower.cn/work/96/feed 7 Prower V1 修正版下载 http://www.prower.cn/work/51 http://www.prower.cn/work/51#comments Sun, 06 Apr 2008 05:06:26 +0000 摄氏度 http://www.prower.cn/?p=145

修正说明：

1、修正了日志中图片边框显示；

2、增加了日志中缩进引用的边框；

3、修正了由于侧边栏添加宽度为250PX大小的广告时在IE6下显示错位；

4、修正了标签之间的间隔。

安装说明：

为方便使用者，在prower v1中带两个插件，一个是阅读统计，另一个是翻页的，在页面中的代码也已经集成了，安装时只需要将这两个插件上传然后激活启用即可。

1、将prower v1上传至\wp-content\themes目录中；

2、将postviews和pagebar.php上传至\wp-content\plugins目录中，然后到后台的插件栏目下激活这两个插件即可，因为已经在页面中集成了这两个插件的代码，如果不激活可能会出现错误的提示。

3、在后台编写日志的时候不需要在段落前空格，因为在CSS代码里已经加入了首段文字缩进的代码，如想自己手动空格的话，请修改style.css文件里的#content p{text-indent:28px;margin-bottom:8px;}将“text-indent：28px;”删除即可，同时请删除span.read{background:transparent url(images/h2s.gif) no-repeat;border:0;padding:0 0 5px 20px;margin-left:-28px;}中的“margin-left:-28px;”。

4、为了更好的兼容广告位的大小，本修正版更改了侧边栏的宽度，如果你以前已经使用本主题，那么只需要上传style.css文件覆盖原来的style.css文件即可，前提是你没有改过过CSS文件里内容。

点击下载：porwer-v1

欢迎大家提意见！

]]> http://www.prower.cn/work/51/feed 81