タイトルバナーの作成

　タイトルをイメージにしました。

　やり方は簡単。スタイルシートテンプレートで次の箇所を変更

#banner {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
background-color: #779988;
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 120px;
}

このbackground-color: #779988;を次のように変更します。
background: #FFFFFF url("http://render.s73.xrea.com/banner/blogtop02.jpg") no-repeat;
URLは画像の場所です。

これで終わり、後はタイトルが見にくかったら
#banner a {
color: #444444;
text-decoration: none;
}
のcolorを変えて色を変更。

タイトルテキストが要らない場合（画像にそのままタイトルを入れている場合）は#banner h1とh2の所を
#banner h1, #banner h2 {display: none;}
こう変更すればいいらしいです。

投稿者 robosheep : 2005年08月20日 20:38

トラックバック

このエントリーのトラックバックURL:
http://render.s73.xrea.com/mt/mt-tb.cgi/494