テンプレートについて(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!ご自由にカスタマイズしてご利用下さい。
使用報告リンクは任意。