NIGHT WALK
http://nanos.jp/yourID/
TEXT SITE
01.INFORMATION
-
02.MAIN
-
03.NOTEBOOK
-
04.BOOKMARK
THIS SITE IS ×× SITE.
IF YOU DON'T KNOW ××,TURN BACK PLEASE.
Title:
ユリ柩
さま
ネイビーの枠が下にぴったりくっついてた方が綺麗なので、書く内容が少ない方は行間などを調整してみてください。
画像は↑から保存してください。
お勧めの色の組み合わせ▽
#B8F1E9●
×
#F33F3B●
#FF8870●
×
#3A1D57●
HEAD(CSS)
<style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500|Share+Tech+Mono); body{ margin:0; padding:0; font-size:11px; color:#111; line-height:2; letter-spacing:1px; font-family:'Alegreya Sans SC',Meiryo, メイリオ, sans-serif; background:#F0CF47; text-align:center; } .title{ font-family:'Share Tech Mono'; font-size:50px; line-height:70px; letter-spacing:5px; margin-top:80px; } .sub{ font-family:'Share Tech Mono'; font-size:30px; line-height:50px; letter-spacing:2px; padding-top:50px; } .img{ width:300px; position:relative; top:50px; margin-top:-30px; } .all{ background:#1E2252; color:#ccc; padding:20px; } .all a{ color:#ccc; } .menu{ margin-top:20px; } .menu a{ text-decoration:none; font-family:'Share Tech Mono'; font-size:17px; color:#F0CF47; letter-spacing:1px; } hr{ border:none; background:#000; height:1px; max-width:700px; margin:40px 0 20px 0; } a{ color:#000; } a:hover{ color:#EEE098; } </style>
BODY(HTML)
<div class="title">SITE TITLE</div>http://nanos.jp/yourID/ <img src="#画像URL#"class="img"/><div class="all"><div class="sub">TEXT SITE</div><div class="menu"><a href="">01.INFORMATION</a> - <a href="">02.MAIN</a> - <a href="">03.NOTEBOOK</a> - <a href="">04.BOOKMARK</a></div><hr>THIS SITE IS ×× SITE. IF YOU DON'T KNOW ××,TURN BACK PLEASE.
人気急上昇中のBL小説
BL小説 BLove
- ナノ -
