SITE TOP  デザイン選択画面  遷移先のサンプル画面

遷移先のサンプル画面 - Site Style Selector

この「遷移先のサンプル画面」では、「デザイン選択画面」で選択したお好みのスタイルシート(CSS)が、遷移先のページでも適用されていることが確認頂けると思います。

「デザイン選択画面」で選択されたスタイルシートの情報は、ブラウザのCookieに保存しています。遷移先の各ページではCookieからその情報を取り出して、同じスタイルシートを適用する仕組みになっています。

なお、遷移先の各ページのHTMLには、<head>〜</head>タグの中に次のような「おまじない」を入れるだけです。「Site Style Selector」は皆さまのホームページでも簡単に導入できます。

<!-- Site Style Selector -->
<script language="JavaScript" type="text/javascript" charset="UTF-8"
 src="script/selectstyle.js"></script>
<noscript>
  <link id="cssid" rel="stylesheet" type="text/css" href="css/style_02.css">
</noscript>
<!-- Site Style Selector -->