ここはXXXサイトです。主に###を扱っています。
管理人は$$$です。しじみが好きです。
荒らし・晒し・転載はお止めください。良識をもってご利用ください。

・・・などなど。サイトの説明など書いてみてはどうでしょう。
協調したいときはこんな感じになります。
背景素材はナノの背景機能で左上固定にしています。素材は下にあるのでそれを保存してください。
クールという言葉が私の中でゲシュタルト崩壊を起こしたので、おそらく期待されていたようなものではないかと…。
作り直しありです。
お題はLump様から。

背景:□#000000
文字:■#ffffff
リンク:■#ffffff
リンク-上:■#ffffff
リンク-後:■#777777

HEAD
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale==1.0,maximum-scale=1.6,user-scalable=yes"> <link href='http://fonts.googleapis.com/css?family=Londrina+Outline' rel='stylesheet' type='text/css'> <style type="text/css"> body{ margin:15px 0px 15px 0px; padding:15px 0px 15px 0px; font-size: 12px; overflow-y:scroll; line-height:2; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; } h1{color:#fff; font-size:20px; font-family: 'Londrina Outline', cursive; position:relative; left:20px;} a {color:#fff; text-decoration: none; background:none; transition: 0.5s; -ms-transform: 0.5s; -webkit-transform: 0.5s; -moz-transform: 0.5s; -o-transform: 0.5s; } a:hover {background:rgba(0,0,0,0.6); padding:10px;} .title{background:rgba(0,0,0,0.6); font-family: 'Londrina Outline', cursive; width:100%; color:#fff; font-size:25px; padding:10px; line-height:1; } .waku{background:rgba(0,0,0,0.6); padding:10px; position:relative; left:20px; text-align:left ;} .line{background:linear-gradient(transparent 40%,#ff0066 100%); padding:3px 10px 3px 10px;} </style>

BODY-top
<div class="title">Monster Girl</div> <h1><a href="">infomation</a> <a href="">main contents</a> <a href="">cntact</a> <a href="">link</a></h1>

BODY-page
<div class="title">information</div> <div class="waku">ここはXXXサイトです。主に###を扱っています。 管理人は$$$です。しじみが好きです。 荒らし・晒し・転載はお止めください。良識をもってご利用ください。 ・・・などなど。サイトの説明など書いてみてはどうでしょう。 協調したいときは<span class="line">こんな感じに</span>なります。 背景素材はナノの背景機能で左上固定にしています。素材は下にあるのでそれを保存してください。 クールという言葉が私の中でゲシュタルト崩壊を起こしたので、おそらく期待されていたようなものではないかと…。 作り直しありです。</div>

素材↓