LBS-这个小日历

 2007-05-15 16:01 | ichange
Font Size: Large | Medium | Small
  昨天换上的小日历,看来大家都喜欢,现在将方法分享。
图案是取自wp的一款主题 itheme
小日历的图目前只有这一个颜色
点击下载日历图案

原始修改方式取自网络,由生活笔谈提供
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;}

*我使用的styles修改
/* date year*/
.year {
 color:#ffffff;
  height:50px;
  width:45px;
  background:url(images/calendar.gif) no-repeat;
  padding:0px 2px 0px 0px;
  font-weight:normal;
  font-size:10px;
  float:left;
  margin: 0px 0px 0px 10px;
}
.inneryear {
  adding:2px 1px;
  padding-top: 5px;
  padding-left: 4px;
}
.day {
  color:#666666;
  text-align:center;
  padding-top:3px;
  font-size: 22px;
  font-weight: normal;
}
我是LBS菜鸟级人物,所以要改得好看,请大家自己调整吧 [awk]
top

浏览模式: 显示全部 |  Comments: 1 | 排序 | Views: 743
引用 稀饭
[ 2007-05-15 18:29:51 ]
你真是强啊!!

发表
表情图标
[haha] [cry] [38]
[niu] [jump] [ji]
[money] [no1] [hi]
[black] [surr] [ugly]
[cute] [run] [wss]
[b4] [smoke] [awk]
[angry] [noisy] [noha]
[man] [dai] [sex]
[zx] [bored] [bface]
[dance] [yao] [congra]
[compel] [beach] [star]
[fire] [kill] [love]
[dream] [dao]
UBB代码
转换链接
表情图标
悄悄话
用户名:   密码:   注册?