kiss chu xxx | ナノ

ここは××を扱う○○サイトです。
××の意味が分からない、嫌悪感を抱く人はブラウザバック。
管理人はナナシです。
また、当サイト内の作品の著作権はすべて管理人ナナシにありますので、荒らし・晒し・転載などはご遠慮ください。
何かあればformから。

Thanks 123456
Last up - XX/XX

長編

指先しゃららん
-メイン更新中
惚気サイレン - 番外編
-完結済み
鬼さんつかまえて
-更新停滞中・・・

・・・Old log

短編

彼は私の全てなの / Way of life of the maiden / 電車の向こうで侵して頂戴 / 絶賛中毒寸前行為 / 妖艶なその振る舞いを全てものにしたい・・・LOG

企画
10000hit
20000hit

お慕い申し上げております。敬称略。

LOVE
サイト名 / サイト名 / サイト名 / サイト名
THANKS!
サイト名 / サイト名 / サイト名

当サイトは検索除け済みサイト様のみリンクフリー。

Material:Dreamybear☆彡さま
Title:パニエさま
font:Leafscapeさま

素材が可愛すぎて作ってしまった。シールでメモ紙を貼ってる感じにしたかった。
背景のストライプはCSSで設定していますので、好きなように色が変えられます。
文字は全体に瀬戸フォントを指定しています。
細かい設定が多いので、改変が難しいかもしれません。

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Walter+Turncoat);

@font-face{
font-family:瀬戸フォント;
src:url('https://cdn.leafscape.be/setofont/setofont_web.woff')
format("woff");
}

body{
 margin:30px 0;
 padding:30px 0;
 font-size:12px;
line-height:1.7;
font-family:'Walter Turncoat',瀬戸フォント,Meiryo, メイリオ, sans-serif;
color:#444;
letter-spacing:1px;
background:repeating-linear-gradient(-90deg,transparent 0,transparent 10px,#E6E7FF 10px,#E6E7FF 15px,transparent 15px,transparent 25px,#FFF5FF 25px,#FFF5FF 45px),#fff;
text-align:center;
}

.all{
max-width:580px;
height:auto;
margin-top:20px;
}

.top{
background:url(#天使の画像URL#) center top no-repeat;
background-size:200px;
width:200px;
height:130px;
}

.title{
font-size:30px;
color:#fff;
line-height:0.8;
padding-top:95px;
transform:rotate(-10deg);
text-shadow:1px 1px #ffcaff,
-1px 1px #c7c5ff,
1px -1px #ffcaff,
-1px -1px #ffcaff;
}

i{
display:inline-block;
text-align:center;
color:#FAC6FF;
font-size:14px;
line-height:14px;
width:20px;
padding:4px 0;
background:#fff;
border-radius:50%;
}

.box:before,.box2:before,.box3:before,.box4:before{
display:block;
content:"";
background:url(#ハートの画像URL#) no-repeat center top;
background-size:80px;
transform:rotate(10deg);
height:45px;
margin-bottom:-10px;
position:relative;
bottom:20px;
z-index:9999;
opacity:0.6;
}

.box,.box2,.box3,.box4{
display:inline-block;
vertical-align:middle;
width:250px;
text-align:left;
background:#F5FFFA;
padding:0 10px 10px 10px;
margin:50px 10px 0 10px;
box-shadow:0px 1px 4px rgba(0,0,0,0.2);
}

.box2:before{
background:url(#唇の画像URL#) no-repeat center top;
background-size:70px;
height:55px;
margin-bottom:-20px;
transform:rotate(-5deg);
}

.box2{
background:#FAF4FF;
}

.box3:before{
background:url(#うさぎの画像URL#) no-repeat center top;
background-size:70px;
height:95px;
margin-bottom:-30px;
bottom:40px;
transform:rotate(-15deg);
}

.box3{
background:#FDF3FD;
}

.box4:before{
background:url(#風船の画像URL#) no-repeat center top;
background-size:70px;
height:80px;
margin-bottom:-30px;
transform:rotate(15deg);
}

.box4{
margin-bottom:none;
}

.link textarea{
width:100%;
height:auto;
font-family:'Walter Turncoat',瀬戸フォント,Meiryo, メイリオ, sans-serif;
font-size:11px;
line-height:1.3;
letter-spacing:1px;
border:none;
color:#777;
background:#fff;
}

a{
text-decoration:none;
color:#666;
margin:0 3px;
border-bottom:dotted 1px #A297EB;
}

a:hover{
color:#CDC7F7;
background:#fff;
border:none;
}

</style>

BODY(HTML)＜/textarea＞の<>を半角にしてください。

<center><div class="top"><div class="title">Kiss Chu Xxx</div></div><div class="all"><div class="box">ここは××を扱う○○サイトです。
××の意味が分からない、嫌悪感を抱く人はブラウザバック。
管理人はナナシです。
また、当サイト内の作品の著作権はすべて管理人ナナシにありますので、荒らし・晒し・転載などはご遠慮ください。
何かあれば<a href="">form</a>から。

Thanks 123456
Last up - XX/XX</div><div class="box2">長編

<i class="fa fa-pencil"></i> <a href="">指先しゃららん</a>
-メイン更新中
<i class="fa fa-pencil"></i> <a href="">惚気サイレン</a> - <a href="">番外編</a>
-完結済み
<i class="fa fa-pencil"></i> <a href="">鬼さんつかまえて</a>
-更新停滞中・・・

・・・<a href="">Old log</a></div><div class="box3">短編

<a href="">彼は私の全てなの</a> / <a href="">Way of life of the maiden</a> / <a href="">電車の向こうで侵して頂戴</a> / <a href="">絶賛中毒寸前行為</a> / <a href="">妖艶なその振る舞いを全てものにしたい</a>・・・<a href="">LOG</a>

企画
<i class="fa fa-gift"></i> <a href="">10000hit</a>
<i class="fa fa-gift"></i> <a href="">20000hit</a></div><div class="box4">お慕い申し上げております。敬称略。

<i class="fa fa-bookmark"></i> LOVE
<a href="">サイト名</a> / <a href="">サイト名</a> / <a href="">サイト名</a> / <a href="">サイト名</a>
<i class="fa fa-bookmark"></i> THANKS!
<a href="">サイト名</a> / <a href="">サイト名</a> / <a href="">サイト名</a>

当サイトは検索除け済みサイト様のみリンクフリー。
<div class="link"><form action="."><textarea><a href="http://nanos.jp/yourID/">サイト名</a>