FirefoxでGoogleカレンダーで土日の色を青と赤に変える方法（最新版）：webサービス：サムリのブログ

トップ＞インターネット＞ webサービス＞ FirefoxでGoogleカレンダーで土日の色を青と赤に変える方法（最新版）

【PR】ホームページテンプレートを無料で配布しています【PR】

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（フェイスブック）の「いいね！」をクリックしてくれると、とても嬉しいです。

Tweet

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

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