CSS切り替えによるページデザイン変更

当サイトの一部のページでは代替CSSファイルを用意しているため、これを切り替えてページのデザインを変えることができます。

FirefoxやOperaなどに備わっているスタイルシート切り替え機能をつかえば、簡単にスタイルを変更できます。また、IEでは、最新版であるIE8でスタイルシート切り替え機能が実装されました。


切り替え方法

Firefox 3.xの場合

ツールバーの「表示(V)」をクリック(選択)し、「スタイルシート(Y)」をポイントします。

右にあらわれたタブの中から好みのスタイルをクリックします。「スタイルを使用しない(N)」を選択するとCSSファイルが適用されないページになります。代替スタイルシートを用意していないページでは「標準スタイルシート(B)」のみが表示されます。


スタイル変更メニューを出した例(Firefox 3.0.8)


スタイルを変更した例(同)

IE8の場合

IE8
Windows7の標準ブラウザIE8.0による例。

IE5~6の場合


IE5~6の場合、プラグイン「ス切リボ」のインストールで代替CSSファイルを利用できます(画像はIE5.5)。
IE7では利用できないようです(私の環境=WindowsXP SP3)ので、IE8にバージョンアップするか、Firefox などに乗り換えましょう。

#「ス切リボ」は「まぁとりあえずやってみるか(仮)」(管理人H&Aさん)で開発されたプラグインでしたが、サイト閉鎖に伴い配布も停止していました。現在では、いくつかのサイトで再配布されています(CSS 切り替えプラグイン「ス切リボ」(再配布)など)。

Operaの場合


Opera9による例。