Site Name is text site.
information
main content
notebook
join
rank
rank
「月が綺麗でした、」
もうこれっきりの夜になってもいいからね
material
月の素材は
1OOg
様よりお借りしました。(project→2014年→Dec.06 ノクターン op.9-2)
オンマウスした時に表示される背景は
デコヤ
様です。(
ぼかしリボン[緑]
)
text
マダムXの肖像
様
screen shot
対応機種から見るとこんな感じです。
HEAD
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> <style type="text/css"><!-- * { margin: 0 auto; padding: 0;} /*-------------------------------------- レイアウト ---------------------------------------*/ body{ font-size:82%; font-family: 'Tangerine',MS P明朝,sans-serif; background-image:url(月の素材url); /*背景画像*/ background-repeat:no-repeat; background-position:50% 4%; background-color:#3d9ccc ; /*背景色*/ color: #000; /*文字色*/ /* 光らせるエフェクト */ text-shadow: 0 0 25px #edf8ff, 0 0 20px #edf8ff, 0 0 0.40px #edf8ff;} /* 余白、行間、文字位置 */ .yohaku { text-align:center; max-width : 500px; letter-spacing:3px; line-height:1.5;} span{ font-size:190%; text-shadow: 0 0 5px #fff, 0 0 2px #fff, 0 0 0.4px #fff;} /*-------------------------------------- リンクの設定 ---------------------------------------*/ /* .yohakuで囲まれた中のリンク */ .yohaku a { color: #A26AC4; /*リンク色*/ } /* ページ全体 */ a { color: #000; /*リンク色*/ text-decoration: none; padding:3px; border-radius:15px;} /* オンマウス時のリンク色 */ a:hover { color: #e95464; background-image:url(ぼかしリボンurl); /*背景画像*/ } --></style>
BODY
<div class="yohaku"> <span>Site Name is text site. <a href="">information</a> <a href="">main content</a> <a href="">notebook</a> join<a href="">rank</a> <a href="">rank</a></span> 「月が綺麗でした、」 もうこれっきりの夜になってもいいからね </div>
color code
背景色、文字色、リンク色はHEAD内に指定してあるので変更される場合はHEADを書き換えてください。
by
kusaka
人気急上昇中のBL小説
BL小説 BLove
- ナノ -