はなまる子さま info

Information

ここは主に○○を扱う△△サイトです。
管理人は□□です。グレープフルーツが好きです。
転載・荒らし・晒しはご遠慮ください
このサイト内の作品の著作権はすべて管理人□□にあります。

…などなど。サイトの説明など。爽やかな雰囲気のテンプレを今まで作ったことがなかったので、かなり試験的な作品になってしまいましたが…。
個人的には気に入ってます。

背景のグラデーションはジェネレーターを使いました。

素材↓

おまけ↓

HEAD

body{
margin:5%;
padding:5%;
font-size:12px;
line-height:2;
font-family: 'Gafata','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
color:#191970;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.07, #A8F5FF),color-stop(1, #DFEFFF));
background-image: -o-linear-gradient(bottom, #A8F5FF 7%, #DFEFFF 100%);
background-image: -moz-linear-gradient(bottom, #A8F5FF 7%, #DFEFFF 100%);
background-image: -webkit-linear-gradient(bottom, #A8F5FF 7%, #DFEFFF 100%);
background-image: -ms-linear-gradient(bottom, #A8F5FF 7%, #DFEFFF 100%);
background-image: linear-gradient(to bottom, #A8F5FF 7%, #DFEFFF 100%);
}

a{
font-size:10px;
color:#191970;
border-bottom:#fff dotted 2px;
text-decoration: none;
}

a:hover{
color:#EAFF4B;
}

.top{
background:url(#女の子の画像URL#);
background-repeat:no-repeat;
background-position:center top;
width:200px;
height:200px;
border-radius:50%;
border:1px solid #fff;
text-align:center;
}

.title{
font-size:30px;
color:#191970;
margin:10px;
position:relative;
top:110px;
left:50px;
}

.sub{
font-size:30px;
color:#191970;
background:url(#チェックの画像URL#);
padding:5px;
border-radius:5px 10px;
}

.date{
background:#191970;
color:#fff;
font-size:11px;
padding:6px;
border-radius:5px 5px 0px 0px;
}

.text{
background:#fff;
padding:10px;
border-radius:0px 5px 5px 5px;
}

p{
font-size:14px;
border-bottom:#dfefff 2px dotted;
}

#menu a{
background:url(#チェックの画像URL#);
font-size:15px;
border:none;
padding:5px;
margin:0px 5px 0px 5px;
border-radius:10px;
}

</style>

BODY(top)

人気急上昇中のBL小説
BL小説 BLove

- ナノ -