Csuper Blog

Csuper Blog

给标题前添加小日历的方法，2步搞定！
2010-08-15

实现方法
1.在主题样式表里加上如下代码


  1.  
  2. .post_date {
     
  3.         float:left;
     
  4. margin: 0 10px 5px 5px;
     
  5. padding: 0px;
     
  6. width: 55px;
     
  7. height:60px;
     
  8. text-align: center;
     
  9. background:#FFF7BD;
     
  10. border:1px solid #B1AFAE;
     
  11. }
     
  12. .post_month {
     
  13.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color: #000000;FONT-WEIGHT: bold; FONT-SIZE: 11.5px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Georgia, Arial, Helvetica, Sans-serif; TEXT-ALIGN: center
     
  14. }
     
  15. .post_day {
     
  16.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 24px; PADDING-BOTTOM: 0px; COLOR: #BC1D17; PADDING-TOP: 6px; FONT-FAMILY: Georgia, Arial, Helvetica, Sans-serif; TEXT-ALIGN: center
     
  17. }
复制代码

2.在当前模版文件b_article-single.html中的【标题栏（ttitle)】<DIV>或<h2>前添加


  1.  
  2. <span> <div class="post_date">
     
  3.         <div class="post_month">
     
  4.             <#article/posttime/monthnameabbr#></div>
     
  5.         <div class="post_day">
     
  6.             <#article/posttime/day#></div>
     
  7.       </div></span>
复制代码

发表评论: