search
calendar
01 2012/02 03
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29
profile
俺
ハンドルネーム:
雪風
職業:
サラリーマン
自己紹介:
プロジェクトマネージメント
プロデュース
ディレクション
ブランディング
とか…

Twitter Facebook mixi
Follow Me!
meta
comment
[01/11 payday loans burnaby]
[12/23 雪風]
[11/15 online coupons]
無題  
[11/01 Moon]
無題  
[10/29 Moon]
trackback
qr
QRコード
[1] [2] [3]

実際のソースコードは以下のようになっています。

<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="&lt;&nbsp;-&nbsp;&gt;" /></a></li>
<li><a href="javascript:body('750px');"><img src="http://file.<!--$g_user_id-->/header_navi_n.png" alt="&gt;&nbsp;&lt;" /></a></li>
</ul>
</body>

拍手[0回]

PR
このブログは、JavaScriptでスタイルシート・フォントサイズ・横幅の選択ができるようになっています。

今まではJavaScriptを手書きしていました。
ですが、これは効率が悪いので、jQueryを使うことにしました。
jQueryはいくつかあるJavaScriptライブラリー(※1)の1つで、JavaScriptで作られた機能をまとめたものです。

このjQueryを使うには、ファイルをサーバーにアップロードし利用する方法と、ホスティングされている(※2)ものを読み込み利用する方法があります。

拍手[1回]

jQueryブチ込んだら、初期読み込みでCSSが効かないことが発覚してから、いろいろ試したけど、自分で書いたjQueryのコードがまずかったみたい。

で、プラグイン入れて解決。

せっかくjQuery使ってるんやし、最初から楽な方法にすればよかった…

拍手[0回]

jQueryブチ込んだら、初期読み込みでCSSが効かないことが発覚。

一度Cookieにデータが入らないと意味がない機能になってしまったしまったしまったしまった…

なので、読み込めなかった時のために、「スタイルをクリック!」と書いてみた。

拍手[1回]

(C) [ www.bluemirage.com ] ブログ [PR]医師求人 転職 支援