About

2007年11月17日 20:51に投稿されたエントリーのページです。

ひとつ前の投稿は「薪ストーブ」です。

次の投稿は「2カラム右サイドバーに変える」です。

皆さんからのコメント

久し振りの更新!
めいぷる 08/232008:08:23:18:59:36
山の爺 10/012008:10:01:15:27:58
ケンコーボーイ 10/022008:10:02:18:20:47
異常胡瓜?
月うさぎ 07/292008:07:29:13:41:46
大阪の単身赴任者より 08/122008:08:12:16:37:55
ケンコーボーイ 08/162008:08:16:23:46:05
山の爺 08/232008:08:23:18:33:43
更新日付表示
07/162008:07:16:10:52:33
山の爺 07/182008:07:18:09:55:00
.htaccess(ドットエイチティーアクセス)とは?
07/122008:07:12:11:43:55
山の爺 07/132008:07:13:10:38:18
山の爺 07/132008:07:13:18:07:05
フォーラム高知?
通りすがり 06/302008:06:30:06:30:54
山の爺 07/042008:07:04:12:58:13
米粉ケーキ
月うさぎ 06/152008:06:15:11:07:16
hanasakuoka 06/252008:06:25:01:15:40
山の爺 06/272008:06:27:14:28:51
山の爺 06/272008:06:27:14:32:29
めいぷる 06/282008:06:28:14:18:48
山の爺 07/042008:07:04:12:54:47
フォーラム熊本?
大阪の単身赴任者より 01/222008:01:22:16:23:57
山の爺 01/232008:01:23:13:10:24
hanasakuoka 01/232008:01:23:23:53:28
山の爺 01/252008:01:25:12:24:29
通りすがり 06/302008:06:30:06:18:24
Counter
トータルカウント
T今日のカウントY昨日のカウント
Powered by
Movable Type 4.1
mt
Top5・PC関係を覚える > mtの四苦八苦 > MTのメモメモ! > 新着コメントにnewマークを付ける

« 薪ストーブ | メイン | 2カラム右サイドバーに変える »

新着コメントにnewマークを付ける

コメントが付いたのが解り難いので赤の「new」を付けて見た。
参考サイト;小粋空間

以下は同じくメモメモ!

以下のようにした。


<!-- コメント開始 -->
<div class="module-recent-comments module">
<h2 class="module-header">コメント有難う!</h2>
<div class="module-content">
<MTEntries recently_commented_on="7"><!--コメントの数を決めます。-->
▼<a href="<$MTEntryLink$>"><MTEntryTitle></a>
<br />
<MTComments lastn="10"><!--一つの記事のコメント人数を決めます。-->
└ <a href="<$MTEntryLink$>#<$MTCommentID$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$><span class="new"><$MTCommentDate format="%Y:%m:%d:%H:%M:%S"$></span><br />
</MTComments>
</MTEntries>
<script type="text/javascript">
<!--
// passage time
var pass = 24;

// display content
var content = 'New!!';

var currentDate = new Date();
var spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
if(spans[i].getAttribute('class') == 'new' ||
spans[i].getAttribute('className') == 'new') {
time = spans[i].childNodes[0].nodeValue.split(":");
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(-now <= pass){
spans[i].innerHTML = content;
spans[i].style.display = 'inline';
}
}
}
//-->
</script>
</div>
</div>
<!-- コメント終了 -->

次にCSSの追加


span.new {
display: none;
color: red;
font-weight: normal;
}

人気ブログランキングへ

コメントを投稿

スポンサードリンク

e
Copyright © 2004 Enoki All Rights Reserved.