Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

让资讯发布日期更加个性化

[复制链接]
benba 发表于 2009-11-17 08:52:34 | 显示全部楼层 |阅读模式
直接上图看效果先;


nov 14 英文意思大家都懂吧.怎么让SS自动这样显示呢?

请看我的调用代码:

  1. <div id="right">
  2.     <h2>重大新闻</h2>
  3. <!--{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"}-->
  4.   <!--{loop $_SBLOCK['xdfas'] $value}-->
  5.     <div class="news_lists">
  6.     <span class="data_time">   
  7.     #date('M d', $value['dateline'])#
  8.     </span>
  9.     <h4><a href="$value[url]">$value[subject]</a></h4>   
  10.     <p>$value[message]</p>
  11.     </div><!--{/loop}-->
  12.     <div id="mor">
  13.       <a href="#"> 更多</a>   
  14.     </div>  
复制代码
<span class="data_time">   
    #date('M d', $value['dateline'])#
    </span>

这里把M大写就显示 英文缩写的月份,.

背景图在附件里.

CSS代码:
  1. .news_lists{
  2.         float: left;
  3.         width: 290px;
  4. }
  5. .news_lists h4{
  6.         margin-top: 25px;
  7. }
  8. .news_lists h4 a{
  9.         font-weight: normal;
  10.         color: #003399;
  11.         text-decoration: underline;
  12. }
  13. .news_lists .data_time{
  14.         background-image: url(../images/data.gif);
  15.         background-repeat: no-repeat;
  16.         display: block;
  17.         padding: 20px;
  18.         float: left;
  19.         height: 70px;
  20.         width: 30px;
  21.         color: #FFFFFF;
  22.         font-weight: bold;
  23.         background-position: center 25px;
  24.         text-align: center;
  25.         line-height: 25px;
  26. }
  27. #right #mor{float: left;width: 260px;}
  28. #right #mor a{
  29.         font-size: 16px;
  30.         line-height: 25px;
  31.         background-image: url(../images/bomm.gif);
  32.         background-repeat: no-repeat;
  33.         text-align: center;
  34.         float: right;
  35.         height: 25px;
  36.         width: 79px;
  37.         display: block;
  38.         color: #FFFFFF;

  39. }
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

qqwb 发表于 2009-11-17 09:22:14 | 显示全部楼层
挺好看的。
回复

使用道具 举报

fresind 发表于 2009-11-17 10:17:59 | 显示全部楼层
不错不错,喜欢这样的文章,越多越好,先收藏。
回复

使用道具 举报

sourire 发表于 2009-11-19 16:36:41 | 显示全部楼层
代码加在news.index.html文件还是index.html.php文件?css代码加在哪里呢?找到style.css的末尾加入就可以了吗?
回复

使用道具 举报

 楼主| benba 发表于 2009-12-1 13:41:32 | 显示全部楼层
代码加在news.index.html文件还是index.html.php文件?css代码加在哪里呢?找到style.css的末尾加入就可以了 ...
sourire 发表于 2009-11-19 16:36



    代码 要在有日期的地方加. 适合 做个人博客里的.
回复

使用道具 举报

ug8 发表于 2009-12-2 12:58:54 | 显示全部楼层
不错  顶一个!
回复

使用道具 举报

wisesc 发表于 2010-2-2 22:47:12 | 显示全部楼层
不错  顶一个!
回复

使用道具 举报

有事网 发表于 2010-2-5 14:50:43 | 显示全部楼层
非常好。之前我就想要这样的样式了。
回复

使用道具 举报

tnjjbb 发表于 2010-8-4 07:34:36 | 显示全部楼层
不错,支持下
回复

使用道具 举报

34beat 发表于 2010-8-4 16:43:49 | 显示全部楼层
(EM:166:)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 02:06 , Processed in 0.028325 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表