[Zblog]修改一处地方!

最新提示:由于ZBLOG版本升至ZBLOG 1.8,因此本篇内容对ZBLOG 1.8无效
                       关于
ZBLOG 1.8的内容请看这里:http://www.k-zone.cn/zblog/catalog.asp?tags=ZBLOG1%2E8 


友情提示:

现在我所用的BLOG的Theme已经不是这个,而是4u-HK 请大家注意一下(*^__^*)

以前的更新:
好久之前就看到Haphic同学的Blog(http://haphic.com/)上面有关于Zblog的一个日期的修改例子,觉得非常好看,所以想把我现在的这张“皮”也加上这个内容,无奈Kenshin的CSS不过关,一直不知道如何下手修改。一直忍受到前几天终于按耐不住了,遂打算请教一下Haphic同学,并且终于在Haphic同学的大力帮助下,把这个整合的日期加到我现在的Blog上了,在这里由衷的感谢Haphic同学的鼎力相助。

由于我使用的PJ修改过的模板,所以和其他的Zblog模板文件存在一些差距。以下是修改内容,这些内容是Haphic同学帮我修改的,代码完全由Haphic同学完成。

请修改b_article-istop、b_article-multi、b_article-single这三个模板文件,在他们的之间加入如下的代码:

 <div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>
  <div class="article-datebox-wrapper">
  <div class="article-datebox">
   <div class="article-datebox-header"><#article/posttime/year#>&nbsp;<#article/posttime/monthname#></div>
   <div class="article-datebox-content"><#article/posttime/day#></div>
   <div class="article-datebox-footer"><#article/posttime/weekdayname#></div>
  </div>
  </div>

   <h1 class="ContentTitle"><img src="<#ZC_BLOG_HOST#>style/pj/images/icons/<#article/category/id#>.gif" style="margin:0px 2px -4px 0px;" alt="" class="CateIcon"/><a class="titleA" href="<#article/url#>"><#article/title#></a></h1>

红字部分就是增加的代码,同样在b_article-istop和b_article-single同样的位置也加入以上的代码。并且在PJ.css中加入以下的CSS样式。

/* Article data-box */
div.Content .article-datebox-wrapper{
 float:left;
 margin:-5px 0 0 0;
 padding:0 15px 0 0;
}
div.Content .article-datebox{
 float:left;
 margin:0;
 padding:0 5px 0 5px;
 width:52px;
 font-size:9px;
 font-family:Arial;
 font-weight:bold;
 color:gray;
 background-color:#F2F2F2;
 border-top:1px solid #D0D0D0;
 border-bottom:3px solid #D0D0D0;
 border-left:1px solid #D0D0D0;
 border-right:3px solid #D0D0D0;
}
div.Content .article-datebox .article-datebox-header{
 margin:0 auto;
 padding:2px 0 2px 0;
 text-align:center;
}

div.Content .article-datebox .article-datebox-content{
 margin:0;
 padding:0;
 height:28px;
 color:#596789;
 font-size:24px;
 font-family:Arial;
 text-align:center;
 border-top:1px dashed #D0D0D0;
 border-bottom:1px dashed #D0D0D0;
}
div.Content .article-datebox .article-datebox-footer{
 margin:0;
 padding:0;
 font-family:Arial Narrow;
 font-weight:normal;
 text-align:center;
}

通过以上的修改就可以把整合后的日期加入到ZBLOG中,同样也适用于PJ修改版的ZBLOG
秀一下Kenshin的BLOG最新的V3版(*^__^*)