フォントサイズ変更機能つきテンプレートです。左右の余白は100px。div要素は使用していません。
配布元:AZ store
jQueryとフォントサイズ切り替えスクリプトを利用しています。
<script type="text/javascript" src="./css/jquery.js"></script>
<script type="text/javascript" src="./css/switch.js"></script>
を<head>に挿入します。フォントサイズ変更ボタンは</body>の直前にありますので、
<script type="text/javascript" src="./css/change.js"></script>
を挿入すれば、ブラウザでページにアクセスした時ボタンが表示されます。パスは適宜書き換えてください。JavaScriptがオフの場合はフォントサイズ変更ボタンは表示されませんし、使うことができません。
大・中・小ボタンは、
に対応していますが、text.cssの
body.fontL
{
font-size:120%;
}
body.fontM
{
font-size:100%;
}
body.fontS
{
font-size:80%;
}
を書き換えれば表示サイズを変更することができます。また、フォントサイズ変更ボタンのデザインを変更したい場合は、「change.js」とtext.cssの「dl#size」以降を修正してください。
下を参考にしてください。
了
2007年9月14日