2013年4月24日水曜日

[日記]カレンダーを作ってみます

カレンダーを作ります。
自分用なので複雑な機能はいらないです。ページを開いたら1年分のカレンダーが表示されればそれでいいです。

HTMLカレンダー

カレンダーをHTML表示するところなのですが、Vectorでいいフリーソフトを見つけました。
「HTMLカレンダー」です。
インストール作業は不要でダウンロードしたファイルを解凍してそのまま使います。

「作成」ボタンを押すと1か月分のカレンダーのHTMLを自動生成してくれました。(クリップボードにコピーされます。)

その生成されたHTMLをブログに貼り付けるとこんな感じになります。

table タグを使って横に3つカレンダーを並べます。(※こちらを参照)
3つの<td>のタグでは<td valign="top">とすると3つのカレンダーが上ぞろえになります。
カレンダーの間隔をスペース(<td>&nbsp;</td>)を入れて広げます。

最後に12か月分並べます。
横3か月分のテーブルを4つ並べたのですが、上下間の隙間が詰まってしまうので、残念なやり方ですが、無駄に下記の1行を挟みました。
<table align="center" border="0"><tbody><tr>&nbsp;</tr></tbody></table>

これで完成したカレンダーがこちらです。

まるとん

日記の一覧に戻る

0 件のコメント:

コメントを投稿