Ramdom Entry Pickup
- 必要とされること (2005年06月07日)
- Sleipnir 2.00 の日本国内でのダウンロード数が 100 万件を突破 (2005年10月28日)
- RSSライフのススメ (2005年09月18日)
- Movable Type 3.3 タグコンバータ (2006年09月03日)
- ディレクトリ内の大量ファイルの削除 (2006年03月03日)
« セカンダリーDNSの設定(BlogPet) | メイン | 壁紙：ガッチャピン »
新着コメントに「New」マークをつけるカスタマイズ
完全自動で収益100倍アフィリエイト！MT4（ムーバブルタイプ４）対応版!!
Category : [ MovableType ]
February 24, 2006 14:05
TAG : [Customize,Javascript,MovableType,Template,小粋空間]
Permalink
February 24, 2006 14:05
TAG : [Customize,Javascript,MovableType,Template,小粋空間]
Permalink
新着コメントに「New」マークを付けるカスタマイズを見つけました。
いつもお世話になっている、
小粋空間さんのカスタマイズ。
左のサイドバーを見ていただければ、わかりますが、
最新のコメントには「New!!」が付きます。
Javascriptを追加するだけなので、
楽チンです。
テンプレートの「最近のコメント」部分に、
以下のように青文字を追加します。
<div class="sidetitle2" id="commentname">
Recent Comments
</div>
<div class="side" id="commentlist">
<MTEntries recently_commented_on="10">
<ul>
<a href="<$MTEntryLink$>"><strong><MTEntryTitle></strong></a>
<MTComments lastn="6" >
<li><a href="<$MTEntryLink$>#c<$MTCommentID$>">
<MTCommentAuthor></a> <span class="new"><!--<$MTCommentDate format="%Y:%m:%d:%H:%M:%S"$>--></span></li>
</MTComments>
</ul>
</MTEntries>
</div>
<script type="text/javascript" language="javascript">
<!--
generateNormalTree("commentlist");
//-->
</script>
<script type="text/javascript">
<!--
FoldNavigation('comment','on',false);
//-->
</script>
<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;
}
}
}
//-->
</script>
スタイルシートは、適宜（＾＾；）
span.new {
color: red;
font-weight: bold;
}
ソーシャルブックマーク
||
|
|
|
|
|
|
|
|
|
|
|
|
このエントリーと関連性が高いと思われるエントリー
このエントリーに関連するかもしれない商品
おすすめ商品
Link Information
Link HTML:
トラックバックURL:
