1枚の画像をメッセージボードの背景につかってみます
3カラムでしたら横幅が470px以下で・・
2カラムでしたら横幅が665px以内で画像を作ります
画像をクリックすれば原寸大で表示されます
お持ち帰りや加工はご自由に・・・
1枚の画像しか使いませんのでメッセージボードの文字数行数にあわせて画像を作ります
画像ができましたらＣＳＳです
/*メッセージボード*/
.skinMessageBoard {
background-image:url(画像のＵＲＬ);
height:350px;/*画像の高さ*/
background-repeat:no-repeat;/*繰り返さない*/
background-position:center top;
border:none;/*上下の点線を消す*/
}
.skinMessageBoard3{
padding:50px 60px 0 60px;/*文字位置上Ａ 右Ｂ 下0 左Ｃ*/
color:#333333;/*文字色*/
}
下のスキマは画像を作るときに画像の高さで決めます
なので・・・
メッセージボードに書くことが決まっている変更をあまりしないって方
自由に背景画像の形が作れますので最適です
次に説明する2枚3枚の画像を背景に使う場合は・・・
文字数に応じて背景画像の縦が変わりますからメッセージボードを頻繁に変えるよって方に便利なんですが・・
1枚の画像で背景を作るほど自由な形は作ることができません