- スタイルセレクトボタン
-
スタイルセレクトボタンをクリックすると、レイアウト・テキストサイズ・横幅が選択できます。
スタイルセレクトボタンをクリックすると、レイアウト・テキストサイズ・横幅が選択できます。
スタイルセレクトボタンをクリックすると、レイアウト・テキストサイズ・横幅が選択できます。
スタイルセレクトボタンをクリックすると、レイアウト・テキストサイズ・横幅が選択できます。
これにすると、初表示時にCSSが読み込まれませんでした。 なので、忍者ブログのテンプレートにjQueryをブチ込んでみた（5）に書いた方法にしたんですが…
<head> <link rel="stylesheet" type="text/css" href="http://<!--$g_user_id-->/css/" id="jstyle" /> <script type="text/javascript" src="http://file.<!--$g_user_id-->/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://file.<!--$g_user_id-->/jquery.cookie.js"></script> <script type="text/javascript" src="http://file.<!--$g_user_id-->/css.js"></script> </head>
<body>
<ul>
<li><a href="javascript:jstyle('http://file.<!--$g_user_id-->/css2cl.css');"><img src="http://file.<!--$g_user_id-->/header_navi_2cl.png" alt="2 Column LeftNavi" /></a></li>
<li><a href="javascript:jstyle('http://file.<!--$g_user_id-->/css3c.css');"><img src="http://file.<!--$g_user_id-->/header_navi_3c.png" alt="3 Column" /></a></li>
<li><a href="javascript:jstyle('http://file.<!--$g_user_id-->/css2cr.css');"><img src="http://file.<!--$g_user_id-->/header_navi_2cr.png" alt="2 Column RightNavi" /></a></li>
<li><a href="javascript:font('120%');"><img src="http://file.<!--$g_user_id-->/header_navi_fl.png" alt="Large Font Size" /></a></li>
<li><a href="javascript:font('100%');"><img src="http://file.<!--$g_user_id-->/header_navi_fm.png" alt="Medium Font Size" /></a></li>
<li><a href="javascript:font('80%');"><img src="http://file.<!--$g_user_id-->/header_navi_fs.png" alt="Small Font Size" /></a></li>
<li><a href="javascript:body('100%');"><img src="http://file.<!--$g_user_id-->/header_navi_w.png" alt="< - >" /></a></li>
<li><a href="javascript:body('780px');"><img src="http://file.<!--$g_user_id-->/header_navi_n.png" alt="> <" /></a></li>
</ul>
</body>
]]><head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta name="keywords" content="<!--$g_keyword1--> <!--$g_keyword2--> <!--$g_keyword3-->" /> <meta name="description" content="<!--$g_explanation-->" /> <title><!--$g_title--> <!--$g_page_title--></title> <link rel="shortcut icon" href="http://file.<!--$g_user_id-->/favicon.ico" /> <link rel="stylesheet" type="text/css" href="http://file.<!--$g_user_id-->/css2cl.css" title="css2cl" media="screen" /> <link rel="alternate stylesheet" type="text/css" href="http://file.<!--$g_user_id-->/css3c.css" title="css3c" media="screen" /> <link rel="alternate stylesheet" type="text/css" href="http://file.<!--$g_user_id-->/css2cr.css" title="css2cr" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="http://<!--$g_user_id-->/RSS/" /> <link rel="alternate" type="application/atom+xml" title="ATOM" href="http://<!--$g_user_id-->/ATOM/" /> <script type="text/javascript" src="http://file.<!--$g_user_id-->/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://file.<!--$g_user_id-->/jquery.cookie.js"></script> <script type="text/javascript" src="http://file.<!--$g_user_id-->/css.js"></script> </head>
<body>
<ul>
<li><a href="#" rel="css2cl" class="styleswitch"><img src="http://file.<!--$g_user_id-->/header_navi_2cl.png" alt="2 Column LeftNavi" /></a></li>
<li><a href="#" rel="css3c" class="styleswitch"><img src="http://file.<!--$g_user_id-->/header_navi_3c.png" alt="3 Column" /></a></li>
<li><a href="#" rel="css2cr" class="styleswitch"><img src="http://file.<!--$g_user_id-->/header_navi_2cr.png" alt="2 Column RightNavi" /></a></li>
<li><a href="javascript:font('120%');"><img src="http://file.<!--$g_user_id-->/header_navi_fl.png" alt="Large Font Size" /></a></li>
<li><a href="javascript:font('100%');"><img src="http://file.<!--$g_user_id-->/header_navi_fm.png" alt="Medium Font Size" /></a></li>
<li><a href="javascript:font('80%');"><img src="http://file.<!--$g_user_id-->/header_navi_fs.png" alt="Small Font Size" /></a></li>
<li><a href="javascript:body('100%');"><img src="http://file.<!--$g_user_id-->/header_navi_w.png" alt="< - >" /></a></li>
<li><a href="javascript:body('750px');"><img src="http://file.<!--$g_user_id-->/header_navi_n.png" alt="> <" /></a></li>
</ul>
</body>
]]>