■ Google カレンダーの土日の背景色を変更するワザ - パート2
前のやつ はカレンダー上に天気とかロゴとかのアイコンを表示させてると 問題がある らしくてダメだそうな。確かにデザインが崩れてしまう。
と言うわけで解決出来ないものかとまたまた挑戦。要素を見ていたら onclick 属性が使えそうだったので、次のように書いたら期待通りに動きました。
@-moz-document
url-prefix("http://www.google.com/calendar/"),
url-prefix("https://www.google.com/calendar/") {
#decowner div[onclick="_ChangeToDayMode(5)"] ,
#decowner div[onclick="_ChangeToDayMode(12)"] ,
#decowner div[onclick="_ChangeToDayMode(19)"] ,
#decowner div[onclick="_ChangeToDayMode(26)"] ,
#decowner div[onclick="_ChangeToDayMode(33)"] ,
#decowner div[onclick="_ChangeToDayMode(40)"] ,
#decowner div[onclick="_ChangeToDayMode(47)"] ,
#decowner div[onclick="_ChangeToDayMode(54)"] {
background-color: #CCF !important;
color: #00F !important;
}
#decowner div[onclick="_ChangeToDayMode(6)"] ,
#decowner div[onclick="_ChangeToDayMode(13)"] ,
#decowner div[onclick="_ChangeToDayMode(20)"] ,
#decowner div[onclick="_ChangeToDayMode(27)"] ,
#decowner div[onclick="_ChangeToDayMode(34)"] ,
#decowner div[onclick="_ChangeToDayMode(41)"] ,
#decowner div[onclick="_ChangeToDayMode(48)"] ,
#decowner div[onclick="_ChangeToDayMode(55)"] {
background-color: #FCC !important;
color: #F00 !important;
}
}
なんかすげええ。でも onclick 属性とか判定に使っちゃって良いんだろうか。とりあえず動くけど。余計なスタイルが消えたので随分すっきりした。
ちなみにここで紹介しているのは月曜で始まるカレンダーのバージョンです。日曜で始まる方は、_ChangeToDayMode のカッコの中の数値を書き換えたりして対応して下さい。ここの数値は 風待ち日記 さんの所にある表と同じなのでそちらで確認出来ます。
* 追記
またまた margin さんが簡潔に記述する方法を 紹介されて いました。ぬー、style属性の存在に気付かなかった。く、悔しい！笑
Posted by Kyosuke Takayama at 2006-10-06 (Fri) 16:39 printable version
1) saito-kazuo@風待ち日記 (2006-10-06 (Fri) 17:27)
うわ！スゴイ！こんな指定の仕方ができるなんて目からウロコです。それからこの指定方法を利用してさらに面白いことができそうな気がしてきました。