朝顔日記

Google カレンダーの土日

publish
2006-10-05T17:28:31+09:00
tags
はてぶ

風待ち日記 - Googleカレンダーの土・日の文字色を変更する方法 ならびに Googleカレンダーの土・日の文字色を変更しました に触発されて、自分なりに Google カレンダーの土日の表示を見やすくするユーザスタイルを書いてみました。ありがとうございます。>お二方

といっても、上記の両エントリーに、チョロッと書き足して見出し的な部分の色も変えるようにしただけですが。以下がそのスタイルを適用した Google カレンダーのスクリーンショットのサムネイルです。等倍画像(約7KB)にリンクしています。

Google カレンダーのスクリーンショットのサムネイル

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/calendar/) {
  #dh0, #dh7, #dh14, #dh21, #dh28, #dh35 {
    background-color: #ffcccc;
    color: #00f;
    padding:0 5em;
    font-weight:bold;
  }
  #dh6,#dh13,#dh20,#dh27,#dh34,#dh41 {
    color: #f00;
    background-color: #afecff;
    padding:0 5em;
    font-weight:bold;
  }
  #colheaders>div:first-child {
    background-color:#ff6666;
    color:#FFFFFF;
  }
  #colheaders>div+div+div+div+div+div+div {
    background-color:#33ccff;
    color:#000000;
  }
}

Firefox のユーザースタイルシート userContent.css に書いたり、Stylish というユーザスタイルシートを管理する拡張機能に登録したりすると使えます。

なお、上記のスタイルは週の始まりが日曜日始まりの設定用なので、月曜始まりの場合は、適宜書き換える必要があります。上記、風待ち日記さんところに id 表(何)があるので、それを参考にするといいと思います。また、画面サイズが巨大な方は、padding のところを適宜書き換えるといいかも。

それにしても、いまだに Google カレンダーの html の構造が理解できません。:p)

「Google カレンダーの土日」へコメントをつける

書き込み時の挙動について
URI らしき文字列には自動的にリンクが張られます。また "<" や、">" は実体参照化されます。
スパム対策のため、リファラを切っていると投稿できません。

この記事へのツッコミ

1: おおやま (2006-10-05T23:28:04+09:00)
 Google カレンダーですが以下のような話もあるので細心の注意を持って利用した方がいいですね。

  http://ohnishi.livedoor.biz/archives/50249647.html
この記事の永続的 URI ならびに トラックバック ping URI
http://diary.noasobi.net/2006/10/diary_061005a.html