「体重表」
体重管理に使わせていただいているBLOG Meterさんなんですが
サイドに設置していると、日によってモンのすごく重くなってしまうのです。
おかげでブログが表示されるのに時間がかかって仕方ない。
残念ながら別ページにまとめて移すことにしました。
(ありすさんのアイデアをお借りしました)
ついでにさんちん・まぶの分もまとめて表に。
実は数ヶ月間、体重をしっかり記録していなかったので
うろ覚えの数値をぶちこみました。
量ってはいたけど記録に残さなきゃ意味がなかったと後悔してます。
もし同じようなもの作られる場合
ウチのタグをコピペできるようにしてありますので
どうぞ使ってやってくださいませ。
サイドに設置していると、日によってモンのすごく重くなってしまうのです。
おかげでブログが表示されるのに時間がかかって仕方ない。
残念ながら別ページにまとめて移すことにしました。
(ありすさんのアイデアをお借りしました)
ついでにさんちん・まぶの分もまとめて表に。
実は数ヶ月間、体重をしっかり記録していなかったので
うろ覚えの数値をぶちこみました。
量ってはいたけど記録に残さなきゃ意味がなかったと後悔してます。
もし同じようなもの作られる場合
ウチのタグをコピペできるようにしてありますので
どうぞ使ってやってくださいませ。
■記事編集画面の『テキストフォーマット』を『そのまま』もしくは『HTMLタグのみ』に設定
『自動改行』のままですと表がかなりエントリー画面下に表示されます。
エントリー毎に設定変更出来ない場合
コピーしたタグ全てを改行せずに一列になるようにしてエントリーに書き込んでください。
■テンプレート設定の『CSS』に以下を追加する
●ウチのタグ(表左にブログメーター設置)
(ブログメーターの代わりに写真画像にしてもOK)
●表だけ使いたい場合(12ヶ月)
●表だけ使いたい場合(24ヶ月)
『自動改行』のままですと表がかなりエントリー画面下に表示されます。
エントリー毎に設定変更出来ない場合
コピーしたタグ全てを改行せずに一列になるようにしてエントリーに書き込んでください。
■テンプレート設定の『CSS』に以下を追加する
.weight1{
border: 1px solid #cccccc;
text-align:center;
margin: 0px 0px 0px 10px;
}
.weight2{
color:#ffffff;
background-color:#ccff99;
padding: 0px 5px;
}
●ウチのタグ(表左にブログメーター設置)
(ブログメーターの代わりに写真画像にしてもOK)
<table><tr><td>
<script language="JavaScript" type="text/javascript" src="http://blogmeter.jp/js/ブログメーターのID/"></script>
</td><td valign="top">
<table class="weight1">
<tr><td class="weight2">1ヶ月
</td><td class="weight2">2ヶ月
</td><td class="weight2">3ヶ月
</td><td class="weight2">4ヶ月
</td><td class="weight2">5ヶ月
</td><td class="weight2">6ヶ月
</td></tr>
<tr><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td></tr>
<tr><td class="weight2">7ヶ月
</td><td class="weight2">8ヶ月
</td><td class="weight2">9ヶ月
</td><td class="weight2">10ヶ月
</td><td class="weight2">11ヶ月
</td><td class="weight2">12ヶ月
</td></tr>
<tr><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td></tr></table>
</td></tr></table>
●表だけ使いたい場合(12ヶ月)
<table class="weight1">
<tr><td class="weight2">1ヶ月
</td><td class="weight2">2ヶ月
</td><td class="weight2">3ヶ月
</td><td class="weight2">4ヶ月
</td><td class="weight2">5ヶ月
</td><td class="weight2">6ヶ月
</td></tr>
<tr><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td></tr>
<tr><td class="weight2">7ヶ月
</td><td class="weight2">8ヶ月
</td><td class="weight2">9ヶ月
</td><td class="weight2">10ヶ月
</td><td class="weight2">11ヶ月
</td><td class="weight2">12ヶ月
</td></tr>
<tr><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td></tr></table>
●表だけ使いたい場合(24ヶ月)
<table class="weight1">
<tr><td class="weight2">1ヶ月
</td><td class="weight2">2ヶ月
</td><td class="weight2">3ヶ月
</td><td class="weight2">4ヶ月
</td><td class="weight2">5ヶ月
</td><td class="weight2">6ヶ月
</td></tr>
<tr><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td></tr>
<tr><td class="weight2">7ヶ月
</td><td class="weight2">8ヶ月
</td><td class="weight2">9ヶ月
</td><td class="weight2">10ヶ月
</td><td class="weight2">11ヶ月
</td><td class="weight2">12ヶ月
</td></tr>
<tr><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td></tr>
<tr><td class="weight2">13ヶ月
</td><td class="weight2">14ヶ月
</td><td class="weight2">15ヶ月
</td><td class="weight2">16ヶ月
</td><td class="weight2">17ヶ月
</td><td class="weight2">18ヶ月
</td></tr>
<tr><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td><td>g
</td></tr>
<tr><td class="weight2">19ヶ月
</td><td class="weight2">20ヶ月
</td><td class="weight2">21ヶ月
</td><td class="weight2">22ヶ月
</td><td class="weight2">23ヶ月
</td><td class="weight2">24ヶ月
</td></tr>
<tr><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td><td>─
</td></tr></table>
ハムスターブログに応援ありがとうございます