xugj_date で NEW 表示 のソース :: xoops123

• 差分^[1] を表示
• XOOPSでWebサイトを作ろう/カスタマイズ/xugj_date で NEW 表示^[2] へ行く。

TITLE:xugj_date で NEW 表示
うちのサイトでは、XUGJ の 「[[Smarty小ネタ:http://www.xugj.org/modules/xpwiki/?Smarty%E5%B0%8F%E3%83%8D%E3%82%BF]]」 や 「[[XUGJ_date を作ろう:http://www.xugj.org/modules/d3forum/index.php?topic_id=127]]」を参考に、投稿一覧表示の新規投稿にNew表示をする方法を採用しています。ここでは、その方法をご説明したいと思います。

ネタもとを参考にして、テーマの images フォルダに new01.gif と new02.gif をコピー、テーマ用の style.css に次の記述を加えて、altsys のテンプレート管理にて、該当するd3forum の forum_block_list_posts.html　を編集・反映すると、記事投稿が２４時間以内の場合は 赤い new01.gif ファイルが、７日以内は灰色の new02.gif が表示されるようになりました。

当初、ネタもとの記事をそのまま適用したところ、NEW画像が記事表題の下に改行された状態で表示されたので、表題の頭にもっていって float:left 指定することにより、表題の頭に NEW画像が表示されるようになりました。
 

style.css に下記内容を追加

 span.new1 {
 　　　   display:block;
 　　　　width:27px;
 　　　　height:10px;
 　　　　background-image:url(images/new01.gif);
 　　　　background-repeat: no-repeat;
 　　　　text-indent:-9999px;
 　　　　float:left;
 }
 span.new2 {
 　　　　display:block;
 　　　　width:30px;
 　　　　height:11px;
 　　　　background-image:url(images/new02.gif);
 　　　　background-repeat: no-repeat;
 　　　　text-indent:-9999px;
 　　　　float:left;
 }
 

d3forum の forum_block_list_posts.html を次のように編集・反映

 <ol style=”padding:3px;margin:0;”>
 <{foreach item=post from=$block.posts}>
  <li style=”margin:1px;”><a href=”<{$block.mod_url}>/index.php?post_id=<{$post.id}>”><{$post.subject}></a>  <{$post.uname}><{$post.post_time_formatted}> </li>
 <{/foreach}>
 </ol>
 <{* $post.forum_id, $post.forum_title *}>

を

 <ol style=”padding:3px;margin:0;”>
 <{foreach item=post from=$block.posts}>
 <li style=”margin:1px;”><a href=”<{$block.mod_url}>/index.php?post_id=<{$post.id}>”> <{$post.post_time_formatted|xugj_date:”"}><{$post.subject}></a> <{$post.uname}> </li>
 <{/foreach}>
 </ol>
 <{* $post.forum_id, $post.forum_title *}>
に変更。

• XOOPSでWebサイトを作ろう/カスタマイズ/xugj_date で NEW 表示 のバックアップ一覧^[4]
• XOOPSでWebサイトを作ろう/カスタマイズ/xugj_date で NEW 表示 のバックアップソース(No. All)
  • 1: 2014-03-21 (金) 15:55:17^[5] marine^[6]
  • 現: 2014-03-21 (金) 16:01:38 marine^[6]