PJBlog个性日期显示类


说明:
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的日期转换函数。

查找代码:

复制内容到剪贴板

代码:


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

在下面增加

复制内容到剪贴板

代码:


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


2.修改class/cls_default.aspcls_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.aspcls_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;} /*---日的设置--*/

Leave a comment

You must be logged in to post a comment.