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.asp，cls_article.asp的日期显示。
3．  修改相应皮肤的CSS。

详细修改方法：

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

查找代码：

复制内容到剪贴板

代码:


Case "ym"
              DateToStr=Right(Year(DateTime),2)&DateMonth

在下面增加

复制内容到剪贴板

代码:


Case "y-m"
              DateToStr=Right(Year(DateTime),2)&"-"&DateMonth

2．修改class/cls_default.asp，cls_article.asp的日期显示。

首先修改class/cls_default.asp
查找代码：

复制内容到剪贴板

代码:

<div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>

替换为：

复制内容到剪贴板

代码:

<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

查找代码：

复制内容到剪贴板

代码:

<div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>

替换为

复制内容到剪贴板

代码:

<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.asp和cls_article.asp的日期输出调用类不一样

3。修改相应皮肤的CSS。

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

修改您的皮肤的layout.css

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

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

复制内容到剪贴板

代码:


.Content-top .ContentLeft{width:40px;height:40px;float:left;background:url('datebg.jpg') no-repeat;} /*---日期框的大体--*/
  .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;} /*---年-月的设置--*/
  .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 编辑 ]

不解效果在哪里？？？？

加上了

挺好看的，刚进去就注意这个了，不错

麻烦是在那个图片比较麻烦囖……

不错。不错。

啥图片?

datebg.jpg' 这个是模版自带的图片？

自己做的  想怎么做就怎么做

罒罒罒罒罒罒
罒罒不錯罒罒
罒罒罒罒罒罒