ウィジェットのタイトルに背景を設置

今回使うタイトルの背景はこちら

widget_bg.png(190*22)

この背景をウィジェットのタイトルの背景に設置します。

<h3 class="widget-header">ウィジェットの名前</h3>
この"widget-header"というクラスに追記していきます。

/*Widgetタイトルの背景*/
.widget-header {
background:url(./common/img/widget_bg.png) no-repeat;
width:190px;
height:22px;
padding:3px 0 0 6px;
}
数値は使う画像によって変えてください。
タイトルの文字位置を調整するpaddingの値もお好みで。

トラックバック(0)

トラックバックURL: http://blog.dobsoni.net/mt/mt-tb.cgi/7

コメントする