将博客首页日志发布日期的显示改成小日历形式
终于从”生活笔谈”那里看到了这个不错的东东,于是马上把代码拿来进行修改,成功!
开心之余把修改步骤贴出来供大家分享!
1、打开default.asp页面。找到下面代码,将其删除。
<%=func.getDateTimeString(”YY-MM-DD hh:ii:ss”,tArticle.postTime)%>
2、重写时间代码。将其分为年月,和日两段。
<div class=”year”>
<div class=”inneryear”><%=func.getDateTimeString(”YY-MM”,tArticle.postTime)%></div>
<div class=”day”><%=func.getDateTimeString(” DD”,tArticle.postTime)%></div>
</div>
3、搜索如下代码,将重写的时间代码插入在其前面。可能不同的版本会有不太一样的修改,大家可以按实际情况进行修改调整:
<div class=”textbox-title”>
4、修改styles.css,增加如下代码。
.year
{border:2px solid #C2CBCF; background:#454A4D; padding:3px 2px 2px 2px; color:#FAEBD7; font-weight:bold;font-size:8px; float:left; margin:0 2px 2px 1px;}
.inneryear
{padding:2px 1px;}
.day
{background:#F5F5DC; font-size:18px; font-weight:bold; color:#46A6BF; text-align:center; padding:1px 0;}
备注:不同的模板有不太一样的设计需要,也有自己做相应的调整。