site name
12345
▼03/04 更新内容を表示
?
main
blog
bbs
mail
rank
rank
rank
rank
ice cream
daretoku
since * 2012/03/04
素材は
アイスクリーム
様よりお借りしました!
配色
文字色:#774400 背景色:#ffffff リンク:#bb6600 訪問済:#ff8800 アクティブ:#ffffff
CSS
<style type="text/css"> /* 余白の初期化 */ * { margin:0; padding:0; } /* 全体 */ body { font-size:80%; text-align:left; line-height:1.2; letter-spacing:2px; } #all { background-image:url(ダンボール素材URL); background-repeat:no-repeat; background-position:center; margin-top:30px; padding:30px 25px 50px 35px; } /* 見出し */ h1 { font-size:120%; } /* リンク */ a { font-weight:bold; } a:hover { position:rerative; bottom:2px; } /*フォーム*/ input,textarea { background-color:#740; color:#fff; border:2px dotted #740; } input:focus, textarea:focus { border:3px solid yellow; } /*メニューリンク*/ #menu { margin:10px 0; } /* カウンター */ .count { font-size:80%; } </style>
HTML
<div id="all"> <h1>site name <span class="count">12345</span></h1> ▼03/04 更新内容を表示 <div id="menu"> <a href="○">?</a> <a href="○">main</a> <a href="○">blog</a> <a href="○">bbs</a> <a href="○">mail</a> </div><!-- menu --> <div id="sub"> <a href="○">rank</a> <a href="○">rank</a> <a href="○">rank</a> <a href="○">rank</a> <br /> <a href="http://nanos.jp/tks39/">ice cream</a> <a href="http://nanos.jp/xdaretokux/">daretoku</a> <br /> since * 2012/03/04 </div><!-- sub --> </div><!-- all -->
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -