CSSが使えるブログやHPは前回のを自由に使ってもらったとして
CSSが使えねぇよ!ってブログなんかの場合はこっち使うといいかもたれ。
あと種目別なんかに分けたいとかってリクエストがあったので
テーブルにしたほうがいいかと思って
テーブルメインでいきまふ。
あんまごちゃごちゃ書かれるとわけわからんようなるからね。・゚・(ノ∀`)・゚・。
<!-- ここから表示部分 -->
<div  id="life-lis2"><!-- 置き換えモードで使うなら"life-lis"とする -->
<!-- ↑消しちゃ駄目! -->
<!-- CSSが使えないブログ等はこっちのテーブルを使用-->
<p>
<table width="200px">
<th style="border-bottom:1px dashed #333;" bgcolor="#222222"><font style="color:#0088ee;font-size:12px;font-weight:normal;">採取魚 経過日</font></th>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・フウライ 2009/11/3</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・トゲチョウ 2009/9/12</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・ツキチョウ 2009/9/12</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・サツキハゼ 2009/8/30</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・ヘビギンポ 2009/7/21</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・ナベカ 2008/9/14</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・ナミチョウ 2008/8/16</font></td></tr>
</table>
</p>
<p>
<table width="200px">
<th style="border-bottom:1px dashed #333;" bgcolor="#222222"><font style="color:#0088ee;font-size:12px;font-weight:normal;">飼育魚 経過日</th>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・クロナマコ 2009/10/26</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・スカンクシュリンプ 2009/10/26</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・クイーンエンゼル 2008/8/17</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・ミドリフグ 2008/5/11</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・フタイロカエルウオ 2007/11/25</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・クマノミjr 繁殖 2007/1/1</font></td></tr>
<tr><td><font style="color:#7F8E96;font-size:12px;font-family:Arial,Helvetica,sans-serif;">・クマノミjr 繁殖  2007/1/1</font></td></tr>
</table>
</p>

</div><!-- ←消しちゃ駄目! --> <!-- ここまで表示部分 -->

<!-- ここからスクリプト --> <script type="text/javascript"><!-- //スクリプトとHTMLタグの位置関係の変更不可 function keika(year,month,day,mode){ var hurai=new Date(year,month-1,day); var toge=new Date(); var nami=new Date(toge.getFullYear(),toge.getMonth(),0); var akebono,seguro,tonosama; var misuji=0; var hatatate=0; if(toge.getDate()>=hurai.getDate()){ tonosama=toge.getDate()-hurai.getDate(); }else{ if(nami.getDate()>=hurai.getDate()){ tonosama=(nami.getDate()-hurai.getDate())+toge.getDate(); }else{ tonosama=toge.getDate(); } hatatate=1; } if(toge.getMonth()-hatatate>=hurai.getMonth()){ seguro=toge.getMonth()-hatatate-hurai.getMonth(); }else{ seguro=12+toge.getMonth()-hatatate-hurai.getMonth(); misuji=1; } akebono=toge.getFullYear()-misuji-hurai.getFullYear(); var str = (mode)? '<font color="#666666">'+ year + '/' + month + '/' + day +'</font>'+'<br/>'+ ' 現在 (': ''; if(akebono) str += '<font color="#0088ee"><b>'+akebono + '</b></font>年'; if(seguro) str += '<font color="#0088ee"><b>'+seguro + '</font></b>ヶ月'; if(tonosama) str += '<font color="#0088ee"><b>'+tonosama + '</font></b>日 '; return (mode)? str + '経過)': str; } function setLife(id,mode){ var list = document.getElementById(id); if(!list) return false; list.innerHTML = list.innerHTML.replace(/(\d+)\/(\d+)\/(\d+)/g, function($0,$1,$2,$3){ return keika($1,$2,$3,mode); } ); } // 以下、実行 setLife(id,mode) setLife('life-lis',0); // 0: 置換モード setLife('life-lis2',1); // 1: 追加モード //--></script> <!-- ここまでスクリプト -->

上のスクリプトを実行するとこうなりまふ。



採取魚 経過日
・フウライ 2009/11/3
・トゲチョウ 2009/9/12
・ツキチョウ 2009/9/12
・サツキハゼ 2009/8/30
・ヘビギンポ 2009/7/21
・ナベカ 2008/9/14
・ナミチョウ 2008/8/16

飼育魚 経過日
・クロナマコ 2009/10/26
・スカンクシュリンプ 2009/10/26
・クイーンエンゼル 2008/8/17
・ミドリフグ 2008/5/11
・フタイロカエルウオ 2007/11/25
・クマノミjr 繁殖 2007/1/1
・クマノミjr 繁殖 2007/1/1


自分のとこの黒っぽい背景に合わせてフォントの色を勝手に決めちゃってるんで

その辺はユーザーさんのブログやHPの背景に合わせて
フォントのカラーを変更してやってください。
あと、上のスクリプトやタグ内でのタグ以外での改行禁止。
タグで改行入れるにしてもスクリプトやタグを十分理解してる人のみ。
じゃないと動かなくなるよ~。・゚・(ノ∀`)・゚・。

多分このネタはこれで最後。

2月後半で怪しい動きするかもだけど
きにせんといて(ぁ

テーブルタグの中の日付は半角で!

じゃないと認識できませんよ~!