■白黒/top■


CSSを多用しています。PCからの見栄えもそれなりです。カラーコードとPC閲覧用CSSはmain・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%;margin-left:5%;background:url('ハート素材url') no-repeat right bottom;"><div style="background:url('黒１×１素材url') repeat-y left top;border-bottom:solid 1px black;"><div style="background:url('黒１×１素材url') repeat-y 60px top;text-align:right;" align="right"><br><br>

<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="60" align="center" valign="top"><hr width="100%" size="1" color="black" /><a href="リンク">about</a><br><hr width="100%" size="1" color="black" /><a href="リンク">main</a><br><hr width="100%" size="1" color="black" /><a href="リンク">link</a><br><hr width="100%" size="1" color="black" /><a href="リンク">clap</a><br><hr width="100%" size="1" color="black" /></td><br />

<td align="left"><br><br><div style="color:black;padding:0 2%;">■update■</div><div style="color:#696969;border-top:solid 1px black;padding:2px 0 3% 4%;">日付　更新内容</div><div style="color:black;padding:0 2%;">■ranking■</div><div style="color:696969;border-top:solid 1px black;padding:2px 0 3% 4%;"><a href="リンク">ランキング</a>/<a href="リンク">ランキング</a></div></td></tr></table>

<img src="スペーサー素材url" border="0" width="100%" height="60" /><span style="color:white;font:135%;letter-spacing:2pt;background-color:black;padding:1px 2px;">サイト名</span></div></div>thanks:<a href="http://xxlostxx.6.tool.ms/">Stockholm</a><img src="スペーサー素材url" border="0" width="100%" height="40" /></div>

110816