SITE NAME
12345
info
news
main
memo
link
CSS
<style type="text/css"> /*------------*/ /* 余白初期化 */ /*------------*/ h1,h2,h3,h4,h5,h6,div,span, p,table,tr,th,td,ul,li { margin:0; padding:0; } /*------------*/ /* サイト全体 */ /*------------*/ body { margin:0 auto;text-align:center; } .all { width:400px; margin:0 auto; text-align:left; line-height:1.2; letter-spacing:2px; } /*------------*/ /* 見出し */ /*------------*/ h1 { font-size:18px; letter-spacing:3px; } h1 > span { background-color:#000; } h2 { } /*------------*/ /* リンク */ /*------------*/ a { text-decoration:none; } a:hover { background-color:#fff; color:#000; } /*------------*/ /* 文 字 */ /*------------*/ .count { text-align:right; font-size:14px; } .count span { background-color:#000; } /*------------*/ /* フォーム */ /*------------*/ input,textarea { background:#000; color:#fff; }
*------------*/ /* ヘッダー */ /*------------*/ .header{ <pc>background-image:url(#sozai1900_url#);</pc> <nopc>background-image:url(#mtr319_url#);</nopc> background-repeat:no-repeat; background-position:top center; border-bottom:1px solid #aaa; padding:15px 10px 10px 10px; } /*------------*/ /* メニュー */ /*------------*/ .menu { border-left:5px solid #fff; } .menu li{ list-style-type:none; background-image:url(#sozai926_w_url#); background-repeat:no-repeat; background-position:95% 50%; border-bottom:1px solid #aaa; padding:5px; } .last { border:0px; } .menu a { display:block; padding:5px 70% 5px 10px; } /*------------*/ /* フッター */ /*------------*/ .footer { <pc>background-image:url(#sozai1900_url#);</pc> <nopc>background-image:url(#mtr319_url#);</nopc> background-repeat:no-repeat; background-position:center; font-size:14px; text-align:right; border-top:1px solid #aaa; margin-bottom:5px; padding:10px; } .footer span { background-color:#000; } </style>
HTML
<div class="all"> <div class="header"> <h1><span>SITE NAME</span></h1> <div class="count"><span>12345</span></div></div><!-- header --> <div class="menu"> <ul> <li><a href="#info">info</a></li> <li><a href="#news">news</a></li> <li><a href="#main">main</a></li> <li><a href="#memo">memo</a></li> <liclass="last"> <a href="#link">link</a></li> </ul> </div><!-- menu --> <div class="footer"> <span>since 2012/03/20</span> </div><!-- footer --> </div><!-- all -->
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -