ariaさま info

Information

ここは主に%%%を扱っている###サイトです。
転載・荒らし・晒しはご遠慮ください。
またこのサイト内にある作品の著作権は管理人$$$にあります。

…などなどサイトの説明などを書いてみてください。
上のメニューは固定されています。
アイコンはFont Awesome様からお借りしています。

サイダーをイメージした…というリクエストでしたが、レモンサイダーな感じになってしまいました…！すみません…。
女の子のイラストは透過済みですので、濃い背景なら何でも大丈夫だと思います。

トップページだけ背景を付けていますので、トップページにはこちら↓をbody{～}の中のいちばん下にでも書きこんでください。
background-image:url(#泡の画像のURL#);
background-position:center;
background-repeat:repeat-x;

ナノの方なら背景機能で横並びにできますので、これを書き込む必要はありません。

素材↓

HEAD

*{
padding:0 auto;
margin:0 auto;
}

body{
margin:0;
 padding:0;
 font-size: 13px;
line-height:2;
letter-spacing:2px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
background:#a0d8ef;
color:#fff;
}

#all{
max-width:600px;
height:auto;
padding:50px 10px 0px 10px;
margin:0 auto;
text-align:left;
z-index:2;
}

a {
font-size:10px;
text-decoration: none;
}

a:hover {
color:#fff;
border-bottom:#ffff77 solid 1px;
}

.title{
font-size:45px;
color:#ffff77;
background:url(#ドットの画像URL#);
width:300px;
border-radius:50%;
padding:10px 10px 10px 0px;
font-family: mrs-sheppards;
line-height:130%;
position:relative;
top:35px;
}

.sub{font-size:45px;
color:#ffff77;
font-family: mrs-sheppards;}

.memo{margin-top:100px;}

#menu{text-align:center;
line-height:1;
margin:0px 0px 10px 15px;}

#menu a {font-size: 25px;
color:#fff;
margin:0px 8px 0px 8px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5 ease;
-o-transition: all 0.5s ease;
transition: all  0.5s ease;}

#menu a:hover {color:#ffff77;
border:none;}

.girl{width:250px;
margin-bottom:20px;}

#menu2{background:url(#泡の画像URL#);
background-position:center;
background-repeat:repeat-x;
width:100%;
padding-right:20px;
text-align: center;
position: fixed;
top: 0px;
left: 0px;
right:0px;
z-index:1;}
#menu2 a{font-size:25px;
color:#ffff77;
margin:0px 8px 0px 8px;
text-shadow:1px 1px #a0d8ef,1px -1px #a0d8ef,-1px 1px #a0d8ef,-1px -1px #a0d8ef;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5 ease;
-o-transition: all 0.5s ease;
transition: all  0.5s ease;}
#menu2 a:hover {color:#fff;
border:none;}</style>

BODY(top)

BODY(page)

***---***
＃を全角にして配布していますが、使用する際は半角に直して使用してください。

全体レイアウト

一覧画面レイアウト

記事画面レイアウト

追記画面レイアウト

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

- ナノ -