ウェブ木箱：カレンダーダイアリー

１．カスタマイズフォームを使って設定をしてください。

２．ソース１を<head>～</head>の間に書き込んでください。

３．ソース２を<body>～</body>の間の
　　日記とカレンダーを表示したい位置に書き込んでください。

４．ソース２の下から６行目の<div>～</div>の間に
　　適当な文字を書き込んでください。

５．ブラウザでテストしてみてください。
　　正常に動作すれば設置は完了です。
　　日記の書き方は下記の補足説明を見てください。

☆★☆使い方☆★☆

初心者向け解説

中級者向け解説

ダウンロード

■ダウンロードする形式を選択してください。

スクリプトを１つのページに組み込む

スクリプトを外部ファイルにする(設定は一括)

スクリプトを外部ファイルにする(設定は各ページ毎)

【スクリプトを１つのページに組み込む】

１．カスタマイズフォームを使って設定をする場合は、
　　ダウンロードの前に設定をしてください。

２．右のボタンを押してファイルをダウンロードしてください。

【スクリプトを外部ファイルにする(設定は一括)】

１．カスタマイズフォームを使って設定をする場合は、
　　ダウンロードの前に設定をしてください。

２．右のボタンを押して外部ファイルをダウンロードしてください。

３．保存した外部ファイルのファイル名を入力してください。　　 (ファイルのパスでも可)

４．右のボタンを押してHTMLファイルをダウンロードしてください。

【スクリプトを外部ファイルにする(設定は各ページ毎)】

１．カスタマイズフォームを使って設定をする場合は、
　　ダウンロードの前に設定をしてください。

２．右のボタンを押して外部ファイルをダウンロードしてください。

３．保存した外部ファイルのファイル名を入力してください。　　 (ファイルのパスでも可)

４．右のボタンを押してHTMLファイルをダウンロードしてください。

５．複数のページが必要な場合は、カスタマイズフォームで設定をし
　　再度HTMLファイルのみダウンロードしてください。

カスタマイズフォーム

補足説明

改造方法

補助ツール：

カラーエディタ

相対パスチェッカ

*カレンダー部の各部の呼び方
　設置後の日記の書き方などは補足説明をご覧ください。

年(西暦)：

(半角数字：正の整数)

月：

カレンダー上部の背景色：

(RGB値,色名)

カレンダー下部の背景色：

(RGB値,色名)

今日の日付の背景色：

(RGB値,色名)

年月表示の左側：

(タグ可)

年月表示の右側：

(タグ可)

カレンダー下部の文字：

(タグ可)

カレンダーの表示位置：

右　左

カレンダーの表示位置調節(横方向)：

(半角数字：整数)

カレンダーの表示位置調節(縦方向)：

(半角数字：整数)

日記の表示位置調節(横方向)：

(半角数字：整数)

日記の表示位置調節(縦方向)：

(半角数字：整数)

祝日の数：

祝日の日付(日)：

(半角数字：正の整数)

曜日表示(日)：

曜日表示(月)：

曜日表示(火)：

曜日表示(水)：

曜日表示(木)：

曜日表示(金)：

曜日表示(土)：

【カレンダー部色設定】

カレンダー上部の年月：

(RGB値,色名)

日曜の曜日表示：

(RGB値,色名)

土曜の曜日表示：

(RGB値,色名)

平日の曜日表示：

(RGB値,色名)

日曜日の日付：

(RGB値,色名)

土曜日の日付：

(RGB値,色名)

平日の日付：

(RGB値,色名)

祝日：

(RGB値,色名)

カレンダー下部：

(RGB値,色名)

【カレンダー部サイズ設定】

カレンダー上部の年月：

(半角数字：正の整数)

曜日表示：

(半角数字：正の整数)

日付：

(半角数字：正の整数)

カレンダー下部：

(半角数字：正の整数)

公開日	2002.7.25
最終更新日	2003.7.20
バージョン	ver.2.1
動作確認	IE6.0,NN4.7,NN7.1,Opera7.2
cookie	不使用
CSS	使用
更新履歴	2003.7.20	ver2.0	スクリプトの簡略化(変更点：ソース全般)
	2003.8.12	ver2.1	NN4での動作を修正設定の間違いを修正(変更点：ソース１)
	2004.2.10	ver2.2	NN6以上での動作を修正(変更点：ソース１)

カレンダーダイアリー ver.2.1
		◆サンプル　サンプルページはこちらをクリックしてください。
		＜機能と特徴＞　　・カレンダー表示機能付きの日記帳です。　　・日付をクリックするとその日の日記だけが表示されます。