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

パソコン教室 楽塾 カレンダーブログパーツについて

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

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

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

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

ブログパーツセット方法

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

<script type="text/JavaScript"><!--//
var user_hol = new Object();
/* 3は水曜定休 0を日曜日とし 曜日が進むと1増加 */
user_week_hol = 3;
user_week_hol_col = "#ffa0a0";//-->
</script>
<link rel="stylesheet"
href="http://www.rakunet.org/rktool/rkc.css"
type="text/css" media="screen" />
<div style='width:140px;'>
<script type='text/javascript'
src='http://www.rakunet.org/rktool/rkc.js'>
</script>
<div style='text-align:right;font-size:9px;'>
<a href='http://www.rakunet.org/'
style='text-decoration:none;'>
-パソコン教室-</a></div>
</div>

カスタマイズ

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

上に示したソースの 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 今月以外に変更した時、今日の赤枠が残るバグを修正

注意事項

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