site name
info main memo link
clap res


up date
2/8 ○○を追加 ...old

ranking
rank rank rank

手書きみたいなゆるい枠と字のテンプレートです。対応機種から見るとこんな感じ。

カラーコード■■

文字色#704b38 背景色#ffffff リンク色#858585

HEAD

<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'> <style type="text/css"><!-- body{ line-height:160%; letter-spacing:2px; font-size:12px; font-family: 'Coming Soon', cursive;} a {text-decoration: none;} a:hover { color: #FDBEBE; } .waku { border:solid 5px #FDBEBE; width:320px; margin:5px auto; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; padding:20px;} span.pink{ font-size:14px; border-bottom:solid 2px #ffd0d0; letter-spacing:2px;} .right { text-align:right;} --></style>

全体レイアウト

<div class="waku"><span class="pink">site name</span> <a href="">info</a> <a href="">main</a> <a href="">memo</a> <a href="">link</a> <a href="">clap</a> <a href="">res</a> <span class="pink">up date</span> 2/8 ○○を追加 <a href="">...old</a> <span class="pink">ranking</span> <a href="">rank</a> <a href="">rank</a> <a href="">rank</a> <div class="right">thanks カウンターhit</div></div>