Information

ここは××を扱う◇◇サイトです。××の意味が分からない人はブラウザバック推奨。
また、当サイト内にある作品の著作権は管理人△△にあります。荒らし・晒し・転載はご遠慮ください。

・・・久しぶりのディスプレイを画像が覆う感じのテンプレ。
この写真をどうしても使いたくて作ってしまいました。写真には特に手を加えず軽くしただけなので、写真のみ再配布可能です。
タイトルが長い場合はwidth:280px;を調整してください。
また、上記にある、「This site is ×× site.If you don't know ××,turn back please.」は「ここは××サイトです。××の意味が分からない方は引き返してください。」という意味です。
タイトルはLump様からお借りしました。

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Ubuntu|Engagement);

body{
margin:5%;
padding:5%;
color:#fff;
font-size:12px;
line-height:2;
letter-spacing:2px;
text-align:center;
font-family:'Ubuntu',Meiryo,メイリオ,sans-serif;
}

.bg{
z-index:-1;
background:url(#画像URL#) #c59bdb center top no-repeat;
position:fixed;
background-size:cover;
top:0;
left:0;
right:0;
bottom:0;
}

.title{
font-family:'Engagement';
font-size:47px;
line-height:1.4;
letter-spacing:0;
border:solid 2px #fff;
background:rgba(255,255,255,0.1);
margin:0 auto;
border-radius:3px;
max-width:280px;
}

.menu a{
border:solid 2px #fff;
width:40px;
border-radius:50%;
line-height:10px;
letter-spacing:1px;
font-size:12px;
text-align:center;
padding:15px 0;
margin:15px 5px;
display:inline-block;
}

h1{
font-weight:normal;
line-height:1;
letter-spacing:0;
font-family:'Engagement';
border-bottom:dotted 3px #ddd;
font-size:30px;
text-align:right;
}

.all{
max-width:600px;
text-align:left;
margin:0 auto;
}

.ma{
background:rgba(0,0,0,0.2);
padding:2px 5px;
}

a{
text-decoration:none;
background:rgba(255,255,255,0.2);
}

a:hover{
position:relative;
top:3px;
background:none;
}

</style>

BODY(HTML)

素材↓

「#エロ」のBL小説を読む
BL小説 BLove

- ナノ -