SITE TITLE
first
main
clap
re
※CAUTION
SITE TITLEは○○中心二次創作サイトです。夢小説が地雷だという方は気分を悪くされる前にご退室ください。
無謀にもフォレストページで2カラムにチャレンジ。一応、幅は300pxに抑えたけどこれ、携帯でちゃんと見れる……のか?
管理人のPCとarrowsにはちゃんとおさまってましたけど、他端末での動作は保障しません(それ言ったら他のテンプレもみんなそうですが(汗)
HTML知識がある人向け。おかしなとこがあれば直して使ってやってくださいませ。
フッタにはTOPページでカウンターを、子ページではTOPへのリンクを置いてみたり。(下部必読見本参照)
いつも入れてるはくがいがいへのリンクは置くとこが思いつかないので無しです。もともとリンク任意なんでどうするかは皆様の判断に任せます。
CSS。長いよ!
<style type="text/css"><!-- body{margin:0;padding:0;text-align:center;font-size:15px;color:#777777;}#wrapper{margin:0 auto;width:300px;text-align:left;background:#ffffff;}#header{color:pink;background:#666666;font-size:120%;}#menu{background:#ffffff;width:59px;float:left;}#menu a{display:block;text-align:center;color:white;background:pink;margin:0;width:59px;padding-top:3px;padding-bottom:3px;text-decoration:none;}#menu a:visited{color: gray;}#menu a:hover{color:white;background:hotpink;}#main{background:#ffe4e1;width:240px;float:right;}#footer{color:pink;background:#666666;clear:both;text-align:right;font-size: 90%;} --></style>
レイアウト。
<div id="wrapper"><br><div id="header">SITE TITLE</div><div id="menu"><br><a href="URL">first</a><br><a href="URL">main</a><br><a href="URL">clap</a><br><a href="URL">re</a></div><br><div id="main"><br><br><br><br>※CAUTION<br><br>SITE TITLEは○○中心二次創作サイトです。夢小説が地雷だという方は気分を悪くされる前にご退室ください。<br><br><br><br><br></div><br><br><div id="footer">count-12345</div><br></div>
文字色
■
ブラック(#000000)
リンクの色
■
#a9a9a9
クリック済みリンクの色
■
#a9a9a9
クリック中リンクの色
■
シルバー(#c0c0c0)
背景色
■
ホワイト(#ffffff)
↓必読画面も投下。
FIRST
first
main
clap
re
※SITE TITLEは管理人○○が運営する非公式二次創作サイトです。著作権侵害の目的ではございません。著作権は権利者様に帰属します。
取り扱いは○○が中心。
検索避け済み二次創作サイト様にかぎりリンクフリー。
リクエストは現在受け付けておりません。
などなど、のちにトラブルにならないよう一通りは書いてみる。
[
TOPへ
]
[
カスタマイズ
]
©フォレストページ