手动修改实现日志标题左侧小日历效果
声明:主要修改自aoconet提供下载皮肤中的小日历。由于他是提供皮肤下载,没具体说明小日历的修改方法,以及日志详细页中他也没加入小日历。所以我今天提供具体的修改方法以及日志详细页中小日历的实现。
需改动的文件有:
class/cls_default.asp
class/cls_article.asp
common/function.asp
skins/当前皮肤/typography.css
08年1月1日更新,这几天发现有博友说修改之后没效果,其实原因都是他的博客是静态的。在这再重申一遍,此方法只支持动态的。如要修改请先把博客后台站点基本设置中的"静态日志模式"选钩点掉。
具体修改方法:
1. 把小日历的背景图片上传到skins/当前皮肤目录下
2. 打开skins/当前皮肤/layout.css文件,找到 /*---日志标题框--*/在其最下面即/*---日志内容框--*/上面插入
代码:
.Content-top .CateIcon{display:none}
.Content-top .CateIconSP {background:url(date-bg.gif) no-repeat 0 1px;float:left; width:38px; height:36px; padding-top:1px;}
/*日志标题小日历样式*/
.Content-top .DateYM {text-align:center;font-size:10px;color:#FFFFFF; font-family:Tahoma,Arial,"Courier New", Courier;padding-top:2px; letter-spacing:1px}
.Content-top .DateDay {text-align:center;font-size:17px;color:#7B7B53;line-height:28px;font-family:Arial;font-weight:bold;font-family:Arial,"Courier New", Courier;}
3. 打开class/cls_default.asp文件,找到<h1 class="ContentTitle">在其上面插入
代码:
<DIV style="margin:0px 6px -4px 0px;" alt="" class="CateIconSP"><div class="DateYM"><%=DateToStr(webLogArr(4,PageCount),"Y-m")%></div><div class="DateDay"><%=DateToStr(webLogArr(4,PageCount),"d2")%></div></DIV>
4. 打开class/cls_article.asp文件,找到<h1 class="ContentTitle">在其上面插入
代码:
<DIV style="margin:0px 6px -4px 0px;" alt="" class="CateIconSP"><div class="DateYM"><%=DateToStr(log_ViewArr(9,0),"Y-m")%></div><div class="DateDay"><%=DateToStr(log_ViewArr(9,0),"d")%></div></DIV>
5. common/function.asp 文件修改方法,找到
Case Else
If Len(DateHour)<2 Then DateHour="0"&DateHour
在其上面加上如下代码:
Case "Y-m"
DateToStr=Right(Year(DateTime),2)&"-"&DateMonth
Case "d2"
If Len(DateDay)<2 Then DateDay="0"&DateDay
DateToStr=DateDay
小日历背景图片及function.asp文件请下载附件
相关新闻>>
- 发表评论
-
- 最新评论 更多>>