ナメサメカリンチョ

サイトの背景色が簡単に変更できるようになりました。

‌

サイト上部のグローバルナビゲーションの「背景を黒くする」というリンクをクリックしてみてください。サイトのデザインが黒を基調としたものに変更されます。サイトロゴや広告の背景色が入れ替わらないときはページを再読み込み (F5) してください。デザインの変更はクッキーに記録されますので、後日このサイトを訪れた際に「背景を黒くする」というリンクを再度クリックする必要はありません。

夜遅くに明るいディスプレイを長時間眺めていると覚醒してしまい、なかなか眠れなくなってしまいます。ひいては生活のバランスガ崩れてしまうことにもなりかねません。このデザインはそうした事態を少しでも防ぐために作成されました。

ただし、既存のほとんどのサイトは背景が白 (または明るい色) で文字が黒というデザインです。そうしたサイトに慣れている方や夜にウェブブラウジングをすることがない方にとっては黒を基調としたデザインには強い違和感を覚えるかもしれません。そのため、初期状態では白を基調としたデザインが採用されています。

Firefox, Opera, Google Chrome, Safari, IE 8, IE 7 の最新版でも問題なく動作するようです。ただ、IE 6 では IETester のバグか IE 6 のバグか色が変わりません。明日、会社の PC でチェックしてみます。

これでデザインの変更などは一段落。右上の FK310 を描き直すくらいですかね。モペットのブログなのにしばらく乗ってません……。

追記
IE 6 でスタイルシートの切り替えができない原因が分かりました。IE 6 ではwindow.location.reload() がうまく機能していなかったようです。onclick="setActiveStyleSheet('black'); window.location.reload(); return false; を onclick="setActiveStyleSheet('black'); return false; にしたらうまくいきました。元々広告のリロードもうまくできてなかったので外してもあまり変わりませんね。スタイルシートの切り替えをした後はページの再読み込みをするものと割り切ることにしてください。

---

関連記事
関連記事はありません。

---