2012年9月13日木曜日

画像をメッセージボードの背景にする

メッセージボードにも背景を設定することができます。
記事の背景との調和が難しいところではありますが、メッセージボードの強調には有効です。
画像フォルダに使いたい画像をアップロードしておきます。

��.CSS編集画面を呼び出す。

��.CSSを編集

/* (3-5) メッセージボード
--------------------------------------------*/


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border:3px solid #979797;
background:#fafad2;
}

の記述を探します。

background:#fafad2;

のように背景にカラーコードを設定している場合は削除します。

代わりに background:url(背景に使いたい画像のURL)no-repeat;

の記述を{}の中に記述します。

��.保存し確認する

0 件のコメント:

コメントを投稿