新着トラバ表示
2007年06月16日
新着トラバにFC2と同じように NEW を付けたいな!という発想から、開始( ̄0 ̄)w” ジャンケン パー
これはダメ元で小粋空間さんの 新着トラックバックに New マークをつける を参考に実施してみる(^^;
公開テンプレートではない が、(相当マズイ 以下のように設定!
1.
<!-- 最近のトラックバック開始 -->
<div class="module-header">最近のトラックバック</div>
<div class="module-content">
<MTPings lastn="10">
<a href="<$MTPingURL$>" target="_blank" title="t<$MTPingID$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$> <$MTPingDate format="%m/%d %X"$> <span class="new"><$MTPingDate format="%Y:%m:%d:%H:%M:%S"$></span><br />
</MTPings>
</div>
<!-- 最近のトラックバック終了 -->
をスタイルシート以外に設定。
2.
<!-- 新着開始 -->
<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>
<!-- 新着終了 -->
をスタイルシート以外に設定。
3.
span.new {
display: none;
color: red;
font-weight: bold;
}
をスタイルシートに設定
すると…
FC2からトラバテストしてうまくデキマシタ(感動!
スミマセン(汗。完全に混合ミックスなテンプレートの始まりデス( ^▽^)σ)~0~)プニッ♪
