■白黒/main■


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


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




カラーコード

背景#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>

本文

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

<div style="padding:3px;color:black;font:110% メイリオ,Meiryo,Osaka,Verdana;letter-spacing:1pt;border-top:solid 1px black;border-bottom:solid 1px black;text-align:right;" align="right">見出し１</div><div style="color:#a0a0a0;padding:4%;text-align:left;" align="left"><a href="リンク">小説タイトル</a>[名前とか]<br>小説の説明<br><a href="リンク">小説タイトル</a>[名前とか]<br>小説の説明<br></div>

<div style="padding:3px;color:black;font:110% メイリオ,Meiryo,Osaka,Verdana;letter-spacing:1pt;border-top:solid 1px black;border-bottom:solid 1px black;text-align:right;" align="right">見出し２</div><div style="color:#a0a0a0;padding:4%;text-align:left;" align="left"><a href="リンク">小説タイトル</a> <a href="リンク">小説タイトル</a><br><br><br></div>

<div style="border-top:solid 1px black;padding:2%;text-align:right;" align="right"><a href="リンク">back</a></div></div></div>