PHP & JavaScript Room :: 設置サンプル

実行結果

ソース

<style type="text/css">
/* The ThrashBox - http://www.vertexwerks.com/tests/sidebox/ */
/* Show only to IE PC \*/
* html #sidebox .boxhead h2 {height: 1%;} /* For IE 5 PC */

#sidebox {
    margin: 0 auto; /* center for now */
    background: url(/content/img/css/thrashbox/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
    max-width:630px;
}
#sidebox .boxhead {
    background: url(/content/img/css/thrashbox/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
#sidebox .boxhead .h {
    background: url(/content/img/css/thrashbox/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
#sidebox .boxbody {
    background: url(/content/img/css/thrashbox/sbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}
#sidebox .boxbody p {
    margin:0; padding:10px 0 5px 0;
}
</style>
<div id="sidebox">
    <div class="boxhead"><div class="h">クリスピー・クリーム・ドーナツ</div></div>
    <div class="boxbody">
        <p>新宿高島屋のサザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん<strong>「クリスピー・クリーム・ドーナツ」</strong>。</p>
        <p>ドーナツの箱がピザの箱みたいで、味もアメリカン!ビジュアルから行ってさぞかし劇甘なんだろうなと思ったけど、意外とほどよい甘さ。生地はかなりソフトなので固めでサクサクしたドーナツが好きな人にはおすすめできないかもw</p>
    </div>
</div>

polarized women