SITE NAME
info
text
note
RANKING
rank
rank
rank
素材は
lalan
様よりお借りしました。(ふつう→30-21→ちきゅう)
対応機種から見るとこんな感じです。
カラーコード
背景色、文字色などは全てHEAD内で指定しています。
HEAD
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'> <style type="text/css"><!-- * { margin: 0 auto; padding: 0;} /* 全体の設定 */ body{ font-size:82%; font-family: 'Patrick Hand SC',arial unicode ms,sans-serif; background-image:url(素材URL); background-repeat:no-repeat; background-position:50% 0%; background-color:#fff; /*背景色*/ color: #6699ff; /*文字色*/ } /* リンクの設定 */ a { color: #2a2a2a; /*リンク色*/ text-decoration: none; border-bottom: 1px solid #0066ff;} /* オンマウス時のリンク色 */ a:hover { color: #5d5245; border-bottom: 1px dashed #0066ff; position: relative; top: 1px;right: 1px;} /* 余白、行間、文字位置 */ .yohaku { text-align:center; max-width : 320px; letter-spacing:3px; line-height:1.5;} --></style>
全体レイアウト
<div class="yohaku"> SITE NAME <a href="">info</a> <a href="">text</a> <a href="">note</a> RANKING <a href="">rank</a> <a href="">rank</a> <a href="">rank</a> </div>
by
kusaka
人気急上昇中のBL小説
BL小説 BLove
- ナノ -