広島市 パソコン教室 家庭教師 の 楽塾 カレンダーブログパーツ

楽々カレンダー ブログパーツについて

カスタマイズ可能なカレンダーを表示させるブログパーツを配布しています。通常の日本の祝日も表示されますが、水曜日を定休日として表示したり、特別な臨時休日等を簡単に設定できます。

料金は一切不要、商業サイトでの使用も可能です。ブログ以外のページにもご自由にお使い下さい。

ブログパーツサンプル・使い方

次はサンプル画像です。パーツのサイズは幅 140ピクセルです。

実際の設置場所はこちらをご参照ください。

ブログパーツセット方法

以下のスクリプトを表示したい部分に貼り付けて下さい。

カスタマイズ

休日、土曜日などの背景色は自由に変えられます。

上に示したソースの var user_hol = new Object(); の前に次のようなコードを書けます。

 /* 日曜日の背景色 */
 rkc_sun_col = "#ffa0a0";
 /* 平日の背景色 */
 rkc_mon_col = "#ffffff";
 /* 土曜日の背景色 */
 rkc_sat_col = "#a0a0ff";
 /* 火曜定休,この行削除で定休表示なし */
 user_week_hol = 2;
 /* 2009/5/16を臨時休日(特別日)とする */
 user_hol['2009,5,16'] = "yellow";
 /* 定休日、臨時休日の背景色 */
 user_week_hol_col = "#ffa0a0";

rkc.css を rkc1.css にするとサイズは幅 155ピクセルとなります。rkc.css 部分はご自分で適宜修正していただいて構いません。

次は rkc_bg.jpgをカレントディレクトリに準備し rkc2.css を使用(サイズは幅 180ピクセル)したものです。

上の画像のソース:

 <script type="text/JavaScript">
 <!--//
 /* 平日の背景色 */
 rkc_mon_col = "transparent";
 var user_hol = new Object();
 /* 水曜定休,この行削除で定休表示なし */
 user_week_hol = 3;
 user_week_hol_col = "#ffa0a0";
 /* 2009/5/16を臨時休日(特別日)とする */
 user_hol['2009,5,16'] = "yellow";
 //-->
 </script>
 <link rel="stylesheet"
 href="http://www.rakunet.org/rktool/rkc2.css"
 type="text/css" media="screen" />
 <style type="text/css">
 .rkc_table {
 background: url(rkc_bg.jpg) repeat-x left top;
 }
 </style>
 <div style='width:180px;'>
 <script type='text/javascript'
 src='http://www.rakunet.org/rktool/rkc.js'>
 </script>
 <!-- 下は平日の文字色指定 -->
 <style type="text/css">
 .rkc_table td {color:#222222;}
 </style>
 <div style='text-align:right;font-size:9px;'>
 <a href='http://www.rakunet.org/'
 style='text-decoration:none;'>
 -パソコン教室-
 </a></div>
 </div>

変更履歴

150306 トラフィックの増大により使用許可制とする。
090602 今月以外に変更した時、今日の赤枠が残るバグを修正

注意事項

  • このブログパーツの設置に当たっては「-パソコン教室-」の文字が入ったリンク部分を削除しないでください。削除した場合パーツが表示されなくなる場合があります。
  • パーツを設置するブログやウェブサイト、使用するブラウザの設定によってパーツが意図した通りに表示されない可能性があります。お手数ですが制作者までご連絡いただければ、出来る限り対応致します。
  • このフリーウェアは無保証です。このブログパーツの設置に伴う損害については一切保証できません。

インフォメーション

楽塾

〒731-5136
広島市佐伯区楽々園4-10-20
TEL.082-921-6161
お問合せ時間
10:00〜18:00 日祝除く