テンプレートについて(h1指定)

 タグの理解のある中級者から上級者向けのテンプレート。
 タグの記述などが正確でない場合もあります。予めご了承下さい。また、テンプレートについてのサポートは行っておりません。

 CSS3 を利用しています。対応ブラウザで閲覧した場合、少しリッチな感じになっています。動作確認したブラウザは、IE8,Firefox3.6 です。その他、Google Chrome,Safari の最新バージョンであれば、問題なく閲覧できると思います。

 IE で CSS を正確に解釈させるために、DTD文書宣言を記入しています。
 iPhone 用にメタタグ(viewport(i指定))を入れています。不要な方は削除してくさい。viewport(em指定) タグを反映させるには、既存の head 出力をしないにする必要があります。

 ヘッダーとかフッターが味気ないので、画像を入れたりすると良いと思います。後は、index へのリンクを貼るとか。

メニューについて(h2指定)


 メニューを増やす場合は、CSS の方にも変更が必要(b指定)です。
 追加したメニューに class を指定し、CSS 上でその class に z-index を指定して下さい。
 最後に来るメニューの z-index の値が一番小さく(strong指定)なるようにして下さい。

 現在は下記のように指定してあります。

#menuArea ul li.item1 a { z-index:5; }
#menuArea ul li.item2 a { z-index:4; }
#menuArea ul li.item3 a { z-index:3; }
#menuArea ul li.item4 a { z-index:2; }
#menuArea ul li.item5 a { z-index:1; }

 item6 という class を持つメニューを一つ、一番最後に追加したとします。
 CSS は下記のようになります。

#menuArea ul li.item1 a { z-index:6; }
#menuArea ul li.item2 a { z-index:5; }
#menuArea ul li.item3 a { z-index:4; }
#menuArea ul li.item4 a { z-index:3; }
#menuArea ul li.item5 a { z-index:2; }
#menuArea ul li.item6 a { z-index:1; }

その他仕様(h2指定)


 PC 専用のテンプレートなので、携帯からの閲覧を考慮していません。各自、振り分けをお願いいたします。
 テンプレートの配色変更・一部使用OK!ご自由にカスタマイズしてご利用下さい。
 使用報告リンクは任意。

↑このページのトップへ

(C)copyright
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -