site name
info
haco
memo
link
clap
Re
what's new?
2/17 ○○を更新
...log
join>>
rank
rank
rank
12345
color&material
配色は
パステルデイズ
様、うさぎの素材は
weekend chewing gum
様よりお借りしました。
対応機種から見るとこんな感じです。
カラーコード■
■
■
■
背景色、文字色、リンク色はHEAD内に指定してあるので変更される場合はHEADを書き換えてください。
HEAD
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'> <style type="text/css"><!-- *{ margin: 0; padding: 0;} /*ページ全体の設定*/ body{ font-size:13px; font-family:'Shadows Into Light', cursive; /*背景色*/ background-color:#ffffee; /*文字色*/ color: #c49a6a; } a {text-decoration: none;} /*リンク色*/ a:link { color: #e9967a; } /*既読リンク色*/ a:visited { color: #e9967a; } /*オンマウス時のリンク色*/ a:hover { color: #e9967a; border-bottom: 1px solid;} /*ページの幅、行間の設定*/ .all { width : 300px ; line-height:150%; letter-spacing:1px;} /*黄色のメニュー枠*/ .box { background-color:#ffff99; margin-right: 10px; padding: 8px 8px 8px 0px; border-radius: 0px 8px 8px 0px;} /*メニュー枠の中の余白、点線の設定*/ .yohaku { border-right: 2px dashed #ffcc00; border-top: 2px dashed #ffcc00; border-bottom: 2px dashed #ffcc00; padding: 8px 8px 8px 12px;} /*サイトタイトルの装飾*/ h2 { letter-spacing:2px; color: #99cc66; text-shadow: -1px -1px 0px #AE935D, 1px -1px 0px #AE935D, 1px 1px 0px #AE935D, -1px 1px 0px #AE935D;} --></style>
全体レイアウト
<div class="all"> <h2><img src="うさぎ素材URL">site name</h2><div class="box"><div class="yohaku"><a href="">info</a> <a href="">haco</a> <a href="">memo</a> <a href="">link</a> <a href="">clap</a> <a href="">Re</a> <font color="#ff99cc">what's new?</font> 2/17 ○○を更新 <a href="">...log</a> <font color="#ff99cc">join>></font><a href="">rank</a> <a href="">rank</a> <a href="">rank</a> <font color="#99ccff">カウンター</font> </div></div> </div>
by
kusaka
人気急上昇中のBL小説
BL小説 BLove
- ナノ -