官方论坛官方微博
由于GAE(Google App Engine)被墙,导致PJBlog过去发布在GAE的源码无法正常下载,我们已于2015年1月4日转移至论坛附件。如发现类似问题,敬请反馈。

[PJBlog^2017]用户聚居地 - ASP中文开源轻型云博客系统PJBlog5

 找回密码
 立即加入PJHOME

QQ登录

只需一步,快速开始

扫一扫,访问微社区

PJHOME-PJBlog官方论坛 你的关注和支持,是PJBlog不断成长的动力 指南 - 建议 - 展示 - 风云互联 - 合作

PJBlog3 经典版本(推荐) 最终版本:PJBlog3 V3.2.9.518(2011/11/01) 安装 - 升级 - 转换 - 模板 - 插件 - 反馈

PJBlog5 云博客(不推荐) 公测版本:PJBlog5 V1 公测版(2015/01/01) 发布 - 交流 - 文档 - 主题 - 插件 - 云平台

查看: 16465|回复: 13

PJBlog个性日期显示类

 关闭 [复制链接]
发表于 2007-2-23 23:21 | 显示全部楼层 |阅读模式
PJBlog个性日期显示类

http://www.771314.com/blog/


说明:
1.此修改需要改动PJBlog的部分源文件和您正在使用的皮肤的CSS,请先备分下面列出的文件。:)


2.这种显示方法是从WP上看见并且加之模仿的,并非参考大头 (Bigheadlyf)所发表的修改方法。(大头的方法也不错,这个几乎和他的显示效果一样,只是某些地方的修改不大一样。地址:http://bbs.pjhome.net/thread-15452-1-1.html

3.由于我的Blog改动较大加之修改了半个多月了,如有些地方疏忽没有写对的地方,请您指出,我会 立即修改,Thx!!!

实现思路:
1.  修改common/function.asp的日期转换函数。
2.  修改class/cls_default.aspcls_article.asp的日期显示。
3.  修改相应皮肤的CSS

详细修改方法:

1.  修改common/function.asp的日期转换函数。

查找代码:

  1. Case "ym"
  2.               DateToStr=Right(Year(DateTime),2)&DateMonth
复制代码
在下面增加

  1. Case "y-m"
  2.               DateToStr=Right(Year(DateTime),2)&"-"&DateMonth
复制代码

2.修改class/cls_default.aspcls_article.asp的日期显示。

首先修改class/cls_default.asp
查找代码:
  1. <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>
复制代码
替换为:
  1. <div class="Content-top"><div class="ContentLeft"><div class="DateYM"><%=DateToStr(webLogArr(4,PageCount),"y-m")%></div><div class="DateDay"><%=DateToStr(webLogArr(4,PageCount),"d")%></div></div><div class="ContentRight"></div>
复制代码

然后修改cls_article.asp

查找代码:
  1. <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>
复制代码

替换为
  1. <div class="Content-top"><div class="ContentLeft"><div class="DateYM"><%=DateToStr(log_ViewArr(9,0),"y-m")%></div><div class="DateDay"><%=DateToStr(log_ViewArr(9,0),"d")%></div></div><div class="ContentRight"></div>
复制代码

请注意:class/cls_default.aspcls_article.asp的日期输出调用类不一样

3。修改相应皮肤的CSS

修改皮肤的CSS是按照您当前的皮肤以及您的个性设置来详细修改的,在这里不能统一,所以我只能给个CSS的大概思路,大家去慢慢按照自己的习惯去修改。(包括日期的背景,“年-月”的字体的设置,“日”的字体的设置。。。)

修改您的皮肤的layout.css

找到/*---日志标题框--*/

.Content-top{。。。。}下面修改增加


  1. .Content-top .ContentLeft{width:40px;height:40px;float:left;background:url('datebg.jpg') no-repeat;} /*---日期框的大体--*/
  2.   .Content-top .ContentLeft .DateYM{text-align:center;margin:4px 0px 0px 1px;padding:0px 0px 0px 0px;color:#fff;font-size:10px !important;font-size:10px;} /*---年-月的设置--*/
  3.   .Content-top .ContentLeft .DateDay{text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#fff;font-size:18px !important;font-size:18px;font-weight:bold;} /*---日的设置--*/
复制代码

好了,这次修改到此也就华丽的结束了,祝大家修改愉快!!- -||




[ 本帖最后由 acheson 于 2007-2-23 23:43 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即加入PJHOME

x
欢迎来到PJHOME社区,PJ有你更精彩!!
发表于 2007-2-23 23:39 | 显示全部楼层
不解效果在哪里????
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-2-23 23:43 | 显示全部楼层
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

发表于 2007-2-23 23:51 | 显示全部楼层
挺好看的,刚进去就注意这个了,不错
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

发表于 2007-2-24 13:17 | 显示全部楼层
麻烦是在那个图片比较麻烦囖……
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

发表于 2007-2-24 16:20 | 显示全部楼层
不错。不错。
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-2-24 20:41 | 显示全部楼层

回复 #5 Yok.Yan 的帖子

啥图片?
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

发表于 2007-2-24 20:55 | 显示全部楼层
datebg.jpg' 这个是模版自带的图片?
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-2-24 20:59 | 显示全部楼层
自己做的  想怎么做就怎么做
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

发表于 2007-2-24 22:23 | 显示全部楼层
罒罒罒罒罒罒
罒罒不錯罒罒
罒罒罒罒罒罒
欢迎来到PJHOME社区,PJ有你更精彩!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即加入PJHOME

本版积分规则

关闭

PJHOME小黑板报上一条 /1 下一条

小黑屋|手机版|纯文字版|BBS.PJHOME.NET ( 粤ICP备12036560号-1  

GMT+8, 2018-1-16 23:27 , Processed in 0.327901 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表