イメージレイアウト 05

ウインドウ形式のテンプレートです。
タイトルとフッタは1行のみ、本文に文字数の制限はありません。

7色を用意しましたので、サイトのデザインに合わせてご利用ください。

タイトル

本文

フッタ

--- HTML ---
<div class="window">
<p class="head">タイトル</p>
<p>本文</p>
<p class="foot">フッタ</p>
</div>

--- CSS ---
.window {
 width:271px;
}

.window p {
 width:251px;
 margin:0;
 padding:5px 10px;
 color:#333;
 background:url(img/w1-2.gif) repeat-y;
 font-size:80%;
 line-height:1.32em;
 text-align:justify;
 text-justify:distribute;
}

.window p.head {
 width:251px;
 height:24px;
 margin:0;
 padding:7px 10px 0;
 font-size:90%;
 background:url(img/w1-1.gif) no-repeat;
 color:#fff;
 font-weight:bold;
}

.window p.foot {
 width:251px;
 height:21px;
 margin:0;
 padding:5px 10px 0;
 font-size:70%;
 background:url(img/w1-3.gif) no-repeat;
 color:#888;
}