■ 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属性の存在に気付かなかった。く、悔しい!笑
△トップ
| コメント (2)
| トラックバック(1)