ORG(1)

小説用テンプレート

フォントサイズ変更機能つきテンプレートです。左右の余白は100px。div要素は使用していません。

ダウンロード
デザインをダウンロード

配布元:AZ store

詳細

JavaScriptについて

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」以降を修正してください。

classについて

<p class="period">
「(了)」や「end」など作品終わりにつける。
<p class="date">
日付を表示する。
<ul class="navigation">
前のページ、次のページなどのナビゲーション。

下を参考にしてください。

2007年9月14日