2012-04-29 5 views
3

私は自分のウェブサイトを完成させてスタイルシートを完成させましたが、もう1つのスタイルシート(other.css)を作成しました。私がしようとしているのは、私のホームページに2つのリンクがあります.1つは「normal.css」、もう1つは「other.css」です。だから基本的に私は2つのスタイルの中から選択できるようにしたい。私はすべての私の元のページを複製し、自分の名前に "2"を加えた、私はまたother.cssを作成し、これらのページでそれを参照しています。 "2"ページはすべて、代替レイアウトの表示がうまくいけますが、私はユーザーがスタイルを切り替える方法を知らないのです...助けてください?私のウェブサイトで2つのスタイルシートを使用するhtml

N.B.私のhtml来るのはまったく変わっていない、私はCSSファイルを変更するだけだ。

デーブ

+0

はあなたがいずれかを使用しています特定のサーバー側のテクノロジーですか? –

+0

あなたのスタイルシートリンクのhtmlを表示してください。 JavaScriptを使用することができますか?(クライアントの選択肢のために、あなたは*が必要です) –

+0

私のウェブサイトはオンラインにならないでしょう、私は自分自身を教えようとしています。私はまだリンクする必要があります、ちょうどヘッダーに私はそれらを参照してください... – Dave

答えて

0

答えは、使用しているサーバー側のテクノロジに大きく依存します。たとえば、私が通常使用するGoogle App Engineでは、生成されるHTMLのヘッダーの一部を別のCSSファイルを指すように変更するのは簡単です。しかし、静的なHTMLファイルではありません。

CSS Zen Gardenは、具体的には、異なるスタイルシートで表示された同じHTMLファイルを示すウェブサイトです。たぶん、そこからこれをどうやって行うのか、いくつかのアイデアを得ることができます。異なるスタイルのページは、同じHTMLソースを持っていても静的な.htmlページではありませんが、もう一度表示されます。

0

This W3C pageだけでなく、実際にそれを実際にテストすることができますので、いくつかの代替スタイルシート自体があります。

ほとんどのブラウザでは、ユーザーは、ビューページスタイルのようにスタイルシートを切り替えることができます。必要なのは、メニューバーが表示されることだけです。

0

サーバーにphpがある場合は、クッキーに基づいてスタイルシートを変更できます。次のコードは動作します:

if ($_COOKIE['style'] == '1') { 
echo '<link rel="stylesheet" href="normal.css" type="text/css" />'; 
} 
elseif ($_COOKIE['style'] == '2') { 
echo '<link rel="stylesheet" href="other.css" type="text/css" />'; 
} 
else { 
echo '<link rel="stylesheet" href="normal.css" type="text/css" />'; 
} 

は、ページの下部にリンクを追加します。 スタイルの変更changestyle.phpページ

次き:

if ((isset($_COOKIE['style'])) AND ($_COOKIE['style'] == '1')) { 
setcookie(style,2) 
} 
elseif ((isset($_COOKIE['style'])) AND ($_COOKIE['style'] == '2')) { 
setcookie(style,1) 
} 
else { 
setcookie(style,2) 
} 
関連する問題