■白黒/text■


CSSを多用しています。PCからの見栄えもそれなりです。カラーコードとPC閲覧用CSSはtop・mainと同じです。


黒１×１素材は自作なのでこれを保存してください。




カラーコード

背景#ffffff　文字#000000　リンク#000000

PC閲覧用CSS(HEAD)

<style type="text/css" media="screen"><!--body{margin:0 40% 0 0;background:white url('黒１×１素材url') repeat-y 60% top;}--></style><style type="text/css" media="screen"><!--body,td{line-height:180%;font-size:80%;font-family:Verdana;}--></style><style type="text/css" media="screen"><!--a {text-decoration:none;}a:hover {color:#a0a0a0;text-decoration:none;}--></style>

携帯閲覧用CSS(HEAD)行間指定

<style type="text/css" media="handheld"><!--body,td{line-height:120%;font-size:75%;}--></style>

本文

<div style="width:100%;background:url('黒１×１素材url') repeat-y 5% top;"><br><div style="padding:6px;margin-top:10%;color:black;font:120% メイリオ,Meiryo,Osaka,Verdana;letter-spacing:2pt;border-bottom:solid 1px black;text-align:right;" align="right">小説タイトル</div>

<div style="margin-left:5%;border-left:solid 0px black;border-bottom:solid 1px black;"><div style="padding:2% 1% 2% 2%;text-align:left;" align="left"><br><br>本文をここに。<br><br><br><font color="#a0a0a0">後書きとか補足をここに。</font></div><div style="border-top:solid 1px black;padding:2%;text-align:right;" align="right"><a href="リンク">back</a></div></div></div>