Blog > 互联网产品设计 > LBS下类似Wp文章发表时间显示方式

LBS下类似Wp文章发表时间显示方式

昨天一朋友问到如何修改类似WP下的文章发表时间显示方式。如图:
http://farm1.static.flickr.com/176/415130279_9c137d3053_o.jpg

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:3px solid #C2CBCF; background:#454A4D; padding:5px 3px 3px 3px; color:#96BF55; font-weight:bold; float:left; margin:0 10px 10px 5px;}
.inneryear{padding:4px 2px;}
.day{background:#262B2D; font-size:22px; font-weight:bold; color:#46A6BF; text-align:center; padding:3px 0;}