INFORMATION

ここは###中心の%%%サイトです。管理人の趣味嗜好に走っています。ご注意ください。
荒らし・晒し・転載はご遠慮ください。このサイト内にある作品の著作権は管理人$$$にあります。
などなど、サイトの説明など。文章は長いほうがかっこいい気がします。
ちょっとオシャレな感じを目指しました。なってるのだろうか。上のメニューと写真は常時表示させたほうがかっこいいと思います。
素材の大きさは800px×150pxで表示しています。画像があまり小さいとぼやけてしまうので、横は800px以上、縦は150px以上をお勧めします。
右側の更新履歴やら自己紹介やらはページによって登場人物紹介にしたり、軽い説明を書くなど割と使えるかもしれないです。

このテンプレートはナノの共有テンプレートにも公開しています。IDをsnb373で検索してみてください。

HEAD

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

@media screen and (min-width:800px){#all{width: 800px;
margin: 0px auto;}}

body{margin:5px;
 padding:5px;
 font-size: 12px;
line-height:2;
letter-spacing:2px;
overflow-x:hidden;
font-family:ubuntu-condensed,'游ゴシック体','Yu Gothic','YuGothic','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;}

.menu{border-top:5px double #000;
border-bottom:5px double #000;
margin:10px 0px 10px 0px;
text-align:center;}

.menu a{color:#000;
margin:0% 0.5% 0% 0.5%;}

.menu a:hover{color:#A945BB;}

.title{font-size:30px;
color:#000;
line-height:1;
margin-top:30px;
text-align:center;}

p{line-height:170%;
color:#ddd;
font-size:13px;
text-align:center;}

.pict{background:url(#画像URL#);
background-size:800px;
width:100%;
height:150px;
background-position:center top;
text-align:center;}

#left{width:67%;
float:left;
margin-top:3%;}

#right{width:30%;
font-size:11px;
float:right;
margin-top:3%;}

#clear{clear:both;}

h1{background:#eee;
padding:0 5px;
font-size:12px;
color:#8b008b;}

.link{border:#eee solid 1px;
color:#ccc;
padding:3px 5px;}

a {color:#8b008b;
text-decoration: none;
transition: 0.5s;
 -ms-transform: 0.5s;
 -webkit-transform: 0.5s;
 -moz-transform: 0.5s;
 -o-transform: 0.5s;}

a:hover {color:#ddd;}

a:visited{color:#777;}
</style>

BODY
素材↓

NEW

09/23 サイト改装

MASTER

$$$といいます。紫が好き。趣味は人間観察。

VISITOR

123456

RANKING

rank rank rank rank