マロウさまインフォ

Information

ここは○○サイトです。

ここは###サイトです。主に%%%を行っています。
利用規約を守ってご利用ください。

ここに規約を書き込んでください。もう一度押すと畳まります。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。

当サイトはリンクフリーです。。お好きに貼り剥がし下さい。
Master
name:$$$
like:黒と黄色
message:最近グレープフルーツが気になります。
(mail/res)

…こんな感じでいかがでしょうか。オシャレな感じが出ていればいいなと思いますが…不安！;;
個人的にはとても好きなんですが、あまり希望に添えていないようでしたら申し訳ありません。
トップはサブタイトルとかを入れてみました。あと口のあたりにカウンターを置いてみました。リンクは偶数個のところだけ黄緑色になるように設定しています。
こんな感じに並べた時可愛いと思います↓
サンプルサンプルサンプルサンプルサンプルサンプルサンプル
タイトルは文字の間が7pxになるように設定しています。変更したい場合はletter-spacing:7px;を探してください。
子ページはトップより女の子が小さく、半分だけ表示されるようにしています。
また、「利用規約」を押すと内容が現れるようになっていますので、押してみてくださいね。
利用規約だけカーソルが「？」になるのはただの遊び心というか…深い意味はないです;元に戻したい場合はcursor:help;を探して削除してください。

素材↓

おまけ↓

HEAD

#all{
max-width:600px;
margin:0 10px;
text-align:left;
}

body{
margin:0;
 padding:0;
 font-size:12px;
line-height:30px;
text-align:left;
font-family: 'Marcellus',"ヒラギノ明朝 Pro W3" ,'游明朝',MS 明朝,HGP明朝B,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
background:#fff;
}

a {
color:#000;
border-bottom:#F8FF6C 1px solid;
text-decoration: none;
transition: 0.3s;
 -ms-transform: 0.3s;
 -webkit-transform: 0.3s;
 -moz-transform: 0.3s;
 -o-transform: 0.3s;
}

a:nth-child(2n){
border-bottom:#DEFF46 1px solid;
}

#link{
color:#000;
cursor:help;
border-bottom:#F8FF6C 1px solid;
text-decoration: none;
transition: 0.3s;
 -ms-transform: 0.3s;
 -webkit-transform: 0.3s;
 -moz-transform: 0.3s;
 -o-transform: 0.3s;
}

#link:hover,a:hover{
color:#cccc00;
}

a:visited{
color:#555;
}

.girl{
width:100%;
    margin:0 auto;
    max-width: 400px;
    text-align: center;
    min-height: 300px;
    background: url(#女性の画像URL#)no-repeat center top;
    font-size: 20px;
}

.girl2{
width:100%;
margin:0 auto;
margin-bottom:30px;
max-width: 400px;
text-align: center;
min-height: 150px;
background: url(#女性の画像URL#)no-repeat center top;
background-size:350px;
    font-size: 20px;
}

.title{
letter-spacing:7px;
position:relative;
top:50px;
line-height:1;
}

.title2{
letter-spacing:7px;
position:relative;
top:70px;
line-height:1;
}

.sub{
font-size:12px;
color:#cccc00;
position:relative;
top:50px;
}

.sub2{
font-size:12px;
color:#cccc00;
position:relative;
top:65px;
}

p{
font-size:10px;
}

#menu{
line-height:1;
position:relative;
top:50px;
}

#menu a{
font-size:10px;
}

.count{
font-size:10px;
color:#fff;
margin-right:5px;
position:relative;
top:140px;
}

.memo{
background:url(#ストライプの画像URL#);
width:100%;
padding-left:10px;
font-size:15px;
}

textarea{
background:url(#ストライプの画像URL#);
border:none;
width:100%;
height:50px;
letter-spacing:1px;
line-height:1.2;
font-family: 'Marcellus',"ヒラギノ明朝 Pro W3" ,'游明朝',MS 明朝,HGP明 B,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

#kiyaku{
border:#F8FF6C 1px solid;
padding: 20px;
 margin-top: 10px;
 color:#222;
 display: none;
}

</style>

$(function(){
 $("#link").click(function(){
  $("#kiyaku").slideToggle(500); /* ()内の数字を弄ることにより、表示・非表示のスピードを変えることができます */
 });});</script>

BODY--一部＃を全角にしています。半角に直して使用してください。

<center><div class="girl"><p>http://nanos.jp/yuorID/</p><div class="sub">ああ、私の中で何かが始まる</div><div class="title">貴方の美しき瞳</div><div id="menu"><a href="/snb373/page/228/">???</a> <a href="/snb373/blog/4/">08/30</a> <a href="">title</a> <a href="">love</a></div><div class="count">123456</div></div>

center><div id="all"><div class="girl2"><div class="title2">Information</div><div class="sub2">ここは○○サイトです。</div></div>ここは###サイトです。主に%%%を行っています。
<span id="link">利用規約</span>を守ってご利用ください。<div id="kiyaku">ここに規約を書き込んでください。もう一度押すと畳まります。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。長文テスト。</div>
当サイトはリンクフリーです。。お好きに貼り剥がし下さい。
<form action=".">＜textarea><a href="http://nanos.jp/yourID/">サイト名</a></textarea＞</form>Master
name:$$$
like:黒と黄色
message:最近グレープフルーツが気になります。
(<a href="">mail</a>/<a href="">res</a>)</div>

<center><div id="all"><div class="girl2"><div class="title2">Memorial</div><div class="sub2">更新履歴や日常を綴ります。</div></div>#blog#</div>

<div class="memo">#title#<p style="float:right;color:#cccc00;">#date# #time#</p></div>#text#
#ext_追記#<br><br><center>

#prev_prev_prev# |top| #next_next_next#</center>