SupeSite7.5 让资讯发布日期更加个性化_SupeSite教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
直接上图看效果先;
nov 14 英文意思大家都懂吧.怎么让SS自动这样显示呢?
请看我的调用代码:
<span class="data_time">
#date('M d', $value['dateline'])#
</span>
这里把M大写就显示 英文缩写的月份,.
背景图在附件里.
CSS代码:
背景图:
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模板
相关SupeSite教程:
- SupeSite默认焦点轮转图简单美化方法
- SupeSite7.5 让会员中心拥有不同的title和提示信息
- SupeSite7.5 benbaHTML生成方案第一版
- SupeSite7.5发布评论后直接跳转回到文章页面的完美方法
- SupSite7.5单个页面频道编辑后无法访问
- SupSite7.5登陆后台先验证权限问题解决方案
- SupSite模型无权限评论修改方案
- SupSite模板里经常用到以下几个标签的说明
- SupSite页面文件与模块关系说明
- 升级SupeSite7.5出现Errno.: 1054的解决方法
- SupeSite7.5 非gbk版本程序,在回复某帖子时回复被截断修改方案
- SupeSite 7.0 模板CSS修改全攻略教程
- 相关链接:
- 教程说明:
SupeSite教程-SupeSite7.5 让资讯发布日期更加个性化。