原站WP风格演示:
http://www.hoofei.com/
修改为PJblog演示:
http://yoga.262net.net/blog/
下载地址:
http://yoga.262net.cn/blog/attachments/month_0611/z20061111125525.rar
这里我直接放上文件地址了,不需要再连接到我网站上去了,希望直接下载的朋友可以回复该贴顶一下。另外,这款皮肤的原作者是hoofei,请大家使用的时候务必保留下面他的链接,我只是把这个皮肤修改成了一个半成品,在IE6以外的浏览器里显示有错位的,希望有人可以完善它。
这是本人的第一款皮肤,虽然只是修改自Hoofei的WP版blog(
http://www.hoofei.com),但因为掌握的CSS水平低下、皮肤制作经验缺乏,所以从开始修改到完工花费了数天的时间,期间还自学了一点asp和VBscript相关知识。
接触PJblog还不到一个星期的时间,上传和设置好blog后就开始在PJ论坛的风格版块寻找自己满意的风格,看得越多却越来越不知道改选什么了,每次总是看到预览图觉得有点新意,然后下载、安装、对着屏幕看了半天后还是对自己说我想找的不是这个,虽然它非常不错。后来渐渐的发现原因了,正因为我看过试过的皮肤太多了,所以眼球也渐渐麻木了。PJBLOG的皮肤虽然可以随意变换,但我们目前做的只是换换背景图,换换顶部图片,改改宽度和字体,变变边框。什么是风格?什么是布局?什么是设计?请原谅我并不是一个专业搞设计的人,我无法说清楚这三者之间的差别和联系,我只能用我拙劣的语言表达能力去向你们说明:我们对blog皮肤的创作,不应该只局限于之前我们所做的那些修改,只要你能拿出让别人眼球一亮的作品,哪怕你对PJblog的核心程序大卸八块都行!
我说这些并不代表我修改的这款风格与别人的作品有多少风格上的新意。在我把论坛的风格版块快翻了个底朝天的时候,看到最新发的一个帖子,是有人希望转一款WP的风格,很惭愧的告诉你们,在那个时候我还不知道WP是什么,连接到hoofei的原站后,感觉很简洁明亮,与之前看多了的皮肤有很多地方不同,虽然我当时并不清楚其实这是WP和PJBLOG的程序不同造成的。虽然不能用“惊艳”来形容,可我确实有点喜欢它了,本来是等待论坛里高手来转换的,但似乎看到并没有多少人对这个有兴趣,又看到有人说转换日期显示功能的时候会有点难度,这才发现这款风格的日期是显示在日志标题前面的绿色方框里的,而且月份采用了英文简写的形式。既然说日期功能不好实现,反而激发了我想修改它的念头,着手修改后才发现由于PJBLOG程序上的设计,使之想通过修改CSS来达到这样的日期显示效果根本是不可能的。在快要放弃的时候,得到了hoofei的鼓励,我决定修改blog程序里相关的asp文件:在首页显示和单日志显示的asp文件里的相应地方加上一段日期显示函数,英文简写的月份是通过数组实现的,然后在CSS表里添加相应的CSS样式代码,并且应用到asp文件里添加的那段日期显示语句。最后修改成功,顺便把“日志作者”信息也改了,日期不再需要在标题下显示,被我改成了时间。所以,这款风格要安装的时候,请按照下面的步骤:
1、下载我的压缩包后解压缩
2、找到你blog目录下class目录里的cls_article.asp和cls_default.asp这两个文件,把它们备份
3、将压缩包解出来的yogaHoofei4文件夹放到skins目录里去
4、将我压缩包里的cls_article.asp和cls_default.asp文件复制到你blog文件夹下calss目录里,覆盖掉原文件(所以之前要你们备份)
5、在后台更改界面设置
压缩包里包含了logo.psd的原文件,可以自己修改加上你的logo,然后保存为head.gif文件覆盖原文件
你也可以打开我压缩包里的那两个asp文件,查看一下我具体修改了哪些,我用注释符做了标注了,很简单的添加了一段。可以说,这次为了改这个皮肤是被迫修改的asp文件,但也让我看到了创作皮服的新途径,如果某样设计不能通过修改默认的CSS样式来实现,那我们就大胆的去修改程序文件,然后再在CSS表里添加上我们希望实现的设计。那么,请让我们的皮肤修改做得更大刀阔斧一些吧!
[
本帖最后由 yoga 于 2006-11-25 17:00 编辑 ]