直接上圖看效果先;


nov 14 英文意思大家都懂吧.怎么讓SS自動這樣顯示呢?

請看我的調用代碼:

 
<div id="right"> 
    <h2>重大新聞</h2> 
<!--{block name="spacenews" parameter="type/puji/category/36/order/i.dateline DESC/limit/0,7/cachetime/86400/subjectlen/50/subjectdot/1/showdetail/1/messagelen/80/messagedot/1/cachename/xdfas/tpl/data"}--> 
  <!--{loop $_SBLOCK['xdfas'] $value}--> 
    <div class="news_lists"> 
    <span class="data_time">      
    #date('M d', $value['dateline'])#  
    </span> 
    <h4><a href="$value[url]">$value[subject]</a></h4>      
    <p>$value[message]</p> 
    </div><!--{/loop}--> 
    <div id="mor"> 
      <a href="#"> 更多</a>      
    </div>   

<span class="data_time">   
    #date('M d', $value['dateline'])#
    </span>

這里把M大寫就顯示 英文縮寫的月份,.

背景圖在附件里.

CSS代碼:

.news_lists{  
        float: left;  
        width: 290px;  
}  
.news_lists h4{  
        margin-top: 25px;  
}  
.news_lists h4 a{  
        font-weight: normal;  
        color: #003399;  
        text-decoration: underline;  
}  
.news_lists .data_time{  
        background-image: url(../images/data.gif);  
        background-repeat: no-repeat;  
        display: block;  
        padding: 20px;  
        float: left;  
        height: 70px;  
        width: 30px;  
        color: #FFFFFF;  
        font-weight: bold;  
        background-position: center 25px;  
        text-align: center;  
        line-height: 25px;  
}  
#right #mor{float: left;width: 260px;}  
#right #mor a{  
        font-size: 16px;  
        line-height: 25px;  
        background-image: url(../images/bomm.gif);  
        background-repeat: no-repeat;  
        text-align: center;  
        float: right;  
        height: 25px;  
        width: 79px;  
        display: block;  
        color: #FFFFFF;  
 
} 

背景圖:

 

查看更多 supesite教程  supesite模板