トップインターネットwebサービス FirefoxでGoogleカレンダーで土日の色を青と赤に変える方法(最新版)
【PR】ホームページテンプレートを無料で配布しています【PR】

FirefoxでGoogleカレンダーで土日の色を青と赤に変える方法(最新版) FirefoxでGoogleカレンダーで土日の色を青と赤に変える方法(最新版)

このエントリーをはてなブックマークに追加

Googleカレンダーで土日の色を青と赤に変える方法」という記事を以前書きましたが、現在はGoogleカレンダーの方の仕様が変わった関係で、この方法では土日の色を青と赤にする事ができません。

現在のGoogleカレンダーに対応するには、アドオン「Stylish」を入れるのは変わらないのですが、その後の記述内容を変更させる必要があります。

Googleカレンダー 土日祝のカスタマイズ | nzzzk.com

今年に入ってからか、微妙にGoogleカレンダーの仕様のチェンジがあったらしく、ネットに落ちてるコードは2009年より前に作られたものだと色が変わらないので注意。

こちらのエントリーを参考にさせていただきました。ありがとうございます。

月曜始まりの場合

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.google.com/calendar/"),
url-prefix("https://www.google.com/calendar/") {

/*** Saturday on main calendar ***/
.st-dtitle:first-child +
.st-dtitle + .st-dtitle +
.st-dtitle + .st-dtitle +
.st-dtitle:not(.st-dtitle-nonmonth) {
background-color: #D8E2F2 !important;
color: #6A6AFF !important;
}

/*** Sunday on main calendar ***/
.st-dtitle:last-child:not(.st-dtitle-nonmonth) {
background-color: #F6E4E4 !important;
color: #FF6A6B !important;
}

/*** Saturday on mini calendar ***/
.dp-cell:first-child +
.dp-cell + .dp-cell +
.dp-cell + .dp-cell +
.dp-cell {
color: #22F !important;
}
.dp-cell:first-child +
.dp-cell + .dp-cell +
.dp-cell + .dp-cell +
.dp-cell.dp-offmonth {
color: #88F !important;
}

/*** Sunday on mini calendar ***/
.dp-dayh:last-child,
.dp-weekend:last-child,
.dp-weekend-selected:last-child {
color: #E22 !important;
}
.dp-weekend:last-child.dp-offmonth,
.dp-weekend-selected:last-child.dp-offmonth {
color: #E88 !important;
}

}

日曜始まりの場合

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.google.com/calendar/"),
url-prefix("https://www.google.com/calendar/") {

/*** Saturday on main calendar ***/
.st-dtitle:last-child:not(.st-dtitle-nonmonth) {
background-color: #D8E2F2 !important;
color: #6A6AFF !important;
}

/*** Sunday on main calendar ***/
.st-dtitle:first-child:not(.st-dtitle-nonmonth) {
background-color: #F6E4E4 !important;
color: #FF6A6B !important;
}

/*** Saturday on mini calendar ***/
.dp-dayh:last-child,
.dp-weekend:last-child,
.dp-weekend-selected:last-child {
color: #22F !important;
}
.dp-weekend:last-child.dp-offmonth,
.dp-weekend-selected:last-child.dp-offmonth {
color: #88F !important;
}

/*** Sunday on mini calendar ***/
.dp-dayh:first-child,
.dp-weekend:first-child,
.dp-weekend-selected:first-child {
color: #E22 !important;
}
.dp-weekend:first-child.dp-offmonth,
.dp-weekend-selected:first-child.dp-offmonth {
color: #E88 !important;
}

}

上記の記述をスタイルの管理に入れれば完了です。

いかがでしたか?この記事が気に入っていただけたら、ブックマークやツイッターにつぶやいたり、facebook(フェイスブック)の「いいね!」をクリックしてくれると、とても嬉しいです。

FirefoxでGoogleカレンダーで土日の色を青と赤に変える方法(最新版) Yahoo!ブックマークに登録 この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク





RSSリーダーに登録していただけるとさらにブログを更新するやる気がメキメキ湧いてくるので、よろしくお願いしますm(_ _)m

Add to Google My Yahoo!に追加 Subscribe with livedoor Reader

ツイッターにブログの更新情報を流しています。日常の出来事もつぶやいたりしているので、気軽にフォローしてやってください。

関連記事
日時: 2010年8月19日 09:55 : インターネットwebサービス
スポンサードリンク
制作運営:DOR projectBlogTwitterTumblrBookmark
節約 / 副収入 アフィリエイト / 貯金術 / 掃除術 / 男の料理 レシピ / 男の育児 子育て / フリーランス 個人事業主 / ブログ テンプレート / ホームページテンプレート / 格安ホームページ制作
画像修正 画像加工 写真加工 写真修正 / 切り抜き / 色調補正 色調修正 / 加工 合成 消去 / 人物 グラビア