color+imgシリーズ-機能ページに設置する方法
Colors+imgシリーズのテンプレートは、子ページだけでなく機能ページにも簡単に転用できます。
以下は『小説機能』を例としていますが、他の機能ページでも基本的にやり方は同じです。
※#は全角で表示していますので、実際に記述するときは半角にして下さい。
【全ページに余白を入れる】
▼全体レイアウト内
方法1)
<div class="waku yohaku">#novel#</div>
方法2)
<div class="waku"><div class="yohaku">#novel#</div></div>
※方法1の複数クラス指定はauの古い機種で未対応とのことですので、不安な方は方法2を使って下さい。(新しい機種:2007年発売秋冬モデルKCP+搭載機以降は対応しています)
【好きな場所から余白を入れる】
上にピッタリ、右端にピッタリの画像を入れたいときに、画像を挿入した後で余白のボックスを加えます。
▼全体レイアウト内
<div class="waku">#novel#</div>
▼表紙画面や目次画面
<div class="right">#mtr数字#</div>
<div class="yohaku">
#list#とか内容とか
</div>
▼文章画面
<div class="yohaku">
#title#とか#text#とかの内容
</div>