« WB ムービーパーク(ドイツ) | トップページ | ウィーン プラーター大観覧車 3Dモデル »

2006.08.12

またまた風柳さんのカレンダーがパワーアップ!

風柳さんのカレンダーが怒濤の勢いでパワーアップしています

曜日に色を付けられたり、月ごとに!違う画像を貼り付けられたり、スクリプトが働くまでのタイムラグを目立たなくさせたり、強力です。

追記:祝日、当日の区別もつけられるようになりました。

追記2:カレンダー上部のキャプション部分の月表示がその月のバックナンバーへリンクできるようになりました。8/18

とりあえず、曜日、祝日の色を変え、当日にオレンジの枠を付けてみました。カラフルになって楽しい。画像は時間のあるときに合いそうなものを選んでバックグラウンドに貼ってみようと思います。→貼ってみました。
スクリプトをONの方にしかわからないのがもったいないですね。

詳しくはこちらで。

風柳亭-別館 「カレンダースクリプトの小技その1:整形が終わるまで隠しておく」

風柳亭-別館 「カレンダースクリプトの小技その2:日曜は赤色・土曜は青色にする」

風柳亭-別館 「カレンダースクリプトの小技その3:月毎に背景画像を設定」

追記
風柳亭-別館 「カレンダースクリプトの小技その4:本日と祝日の表示を変える」

風柳亭-別館 「カレンダースクリプト:当月バックナンバーへのリンク追加」

|

« WB ムービーパーク(ドイツ) | トップページ | ウィーン プラーター大観覧車 3Dモデル »

ココログカスタマイズ」カテゴリの記事

コメント

バッグスさん、どうもです。
記事紹介&トラックバック有り難うございます。

今回はカスタマイズの自由度が広がったために一見、大きな改修みたいに見えますよね。
スクリプト的にはマイナーチェンジの範疇なんですけれど。
たまにはこういうのもいいかなぁ、と。

#あ、それと風『柳』ですので、念のため……ややこしくてすみません(^^;

投稿: 風柳 | 2006.08.13 01:41

ごめんなさい!本当に失礼いたしました。慌てて打つと駄目ですね。。訂正いたしました。

カレンダーの文字の色一つでも結構悩んじゃうというか楽しんでしまいますね。
とりあえず、日曜土曜はせっかくなのでリンク色も同じにして太字にしました。やっぱりバックに何かうっすら乗せたほうがいいかなあ、とか、面白いですね。

背景も時間のあるときに付けたいけれど、なんかセンスが問われそう・・

投稿: バッグスから風柳さんへ | 2006.08.13 01:57

| カレンダーの文字の色一つでも結構悩んじゃうというか楽しんでしまいますね。

そうなんですよね。なかなか思ったような表示にならなかったり……。
その上、背景をつけたりすると、さらに悩みますよ~(笑)。

| 背景も時間のあるときに付けたい
このサイトのカラーにあわせて、世界旅行している感じの背景、とか。

| なんかセンスが問われそう・・
それは言いっこなし、ということで(泣)。
#どっかにセンス売ってないですかねぇ……

投稿: 風柳 | 2006.08.14 01:51

センスは残念ながら売ってなかったけど、画像入れてみました。手抜きで2ヶ月ずつ同じ画像です。

世界旅行のイメージ、いいな!と思ったのですが、素材がなかった。今度フリーの素材でも探してみることにします。自分で撮れたらもっといいですけどね。

投稿: バッグスから風柳さんへ | 2006.08.14 16:29

| センスは残念ながら売ってなかったけど
買わなくても既におもちでしたね。

背景が主張しすぎずにさりげなく収まっているのがいい感じです。

投稿: 風柳 | 2006.08.15 09:09

ありがとうございます。
来月はなんにしようかな、と結構楽しみです。

ブラウザのオペラって結構シビアですね。一応IE6とFireFOxとオペラで確認をとっているつもりなんですが、書き換え時の経緯を表示させないようにするとサイドバーがなくなったままになってうまくいきません。多分私のごちゃごちゃなCSSが悪さしてる模様です。融通が利かないみたいですね。

投稿: バッグスから風柳さんへ | 2006.08.15 11:42

| ブラウザのオペラって結構シビアですね。
あー、CSSのルール書換えに使っている方法、『Operaは知らね。』と書かれていたサイトを参考にしているので、これがまずいのだと思います。
#当方、IE6とFirefoxでしか確認していないので……すみません。

とりあえず、設置用スクリプトの、
var calendarOnload = function( calendarObj ) {
内で、
calendarCssAddRule( ".sidebar", "display:block" ) ;
というのがありますが、これを
if ( navigator.userAgent.match( /Opera/i ) ) {
var divs = document.getElementsByTagName('div') ;
for ( var ci=0; ci < divs.length; ci++ ) {
if ( divs[ci].className == 'sidebar' ) divs[ci].style.display = 'block' ;
}
}
else {
calendarCssAddRule( ".sidebar", "display:block" ) ;
}
にすればいいのかなぁ?と思いますが。
#試していません。悪しからず……

投稿: 風柳 | 2006.08.16 01:31

おお大丈夫です。ちゃんと表示できました。ブラウザごとに挙動が違うのも困りますね。
operaは、CSSで適当にテストで入れた部分を/*~*/でくくって隠しておいただけでもちょっと変な挙動になったりするのでそのせいかと思っていました。試行錯誤の跡がいっぱいのCSSだったりして汚いので…
はじめからカスタマイズされたカレンダーが表示できる方がきれいですね!ありがとうございました。

投稿: バッグスから風柳さんへ | 2006.08.16 11:36

そういえば、お使いの Opera のバージョンは?

昨日、再現試験をしようと Opera 9.01 for Windows をインストールしてみたら、対策をいれていなくても表示できてしまったので……。

投稿: 風柳 | 2006.08.16 12:55

??!

私の環境の問題?operaは動作確認用なのでインストールして何もいじっていないのですが…
operaの表示がどことなくいつも遅いのは何かが変なのかな??

9.00ベータでも9.01でも対策版を入れないとJavascriptがONだとサイドバーが消えてしまいます。謎ですが、対策版なら大丈夫。
でも、私の環境のせいだとすると、またまた余計なお手間を取らせてしまいました。恐縮です。

私は、CSSにDisplay:none;がはいっているのにどうしてjavascriptを切っていてもサイドバーが出てくるのかそれすら謎な程度の理解力なのです……

投稿: バッグスから風柳さんへ | 2006.08.16 13:33

うーん、環境依存なんですかねぇ。
#クロスブラウザ対応は難しいなぁ……

| またまた余計なお手間を
とんでもない、こちらこそいつもご協力いただいて有り難く思っています。
#試験するにしても自分の環境だけでは限界がありますから。

| どうしてjavascriptを切っていてもサイドバーが出てくるのか

これは設置用HTMLのnoscript中に表示する設定(display:block;)を含んでいるからですね。
#本当は、styleタグをhead外に書くのは反則なんですが<反則しまくっています(^^;

投稿: 風柳 | 2006.08.16 18:12

今はブラウザも何種類もあるので、どこかで割り切らないと難しいでしょうね。

今回は、私の環境の問題のような気がします。でも同じような方がいてもこれで安心できました。サイドバーが出ないと致命的なので、助かります。
ありがとうございました。

投稿: バッグスから風柳さんへ | 2006.08.16 22:35

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/170323/11405646

この記事へのトラックバック一覧です: またまた風柳さんのカレンダーがパワーアップ!:

« WB ムービーパーク(ドイツ) | トップページ | ウィーン プラーター大観覧車 3Dモデル »