しつこいようですが･･･
デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です。
ちなみに私は『ピーチ／２コラム－記事右」を選択しています。
★サイドバーの位置の変更で、記事を右から左に変更しています。
＋INFORMATION+ として利用されているこの部分。（トップページ記事の一番上のボード）
やはり、来て頂いたお客様の目を引くようなものにしたいですよね。
(ｏ￣∀￣)ノ”ぁぃ そんな訳で、ここ、カスタマっ！！
◆↓↓↓↓ 基本スキンのソースです。
/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
/*message*/
#message{ ← ピンクのこの辺り、いじっちゃいます。
width:99%; ← メッセージボードの横幅
margin-bottom: 15px;
border-top: 1px dashed #FF6766; ← メッセージボードの上線の情報（参照①）
border-bottom-width: 1px; ← メッセージボードの下の線の太さ（参照② ここから下２行含む）
border-bottom-style: dashed; ← メッセージボードの下線の種類
border-bottom-color: #FF6766; ← メッセージボードの下線の色
}
#message .contents{
margin-top: 10px;
margin-bottom: 10px;
}
＜参照①＞と＜参照②＞は、同じ意味を表します。
＜参照②＞の「-width」「-style」「-color」を省略して、書いたものが＜参照①＞になります。
★参考★ 枠をつける場合は、「border: 1px dashed #FF6766;」で、ＯＫです。
「border-top（上線）等」の４辺をそれぞれ書く必要はありません。
◆↓↓↓↓ ここのブログのソースです。
/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
/*message*/
#message{
width:98%; ← 枠の線の太さを太くしているため、幅の表示比率を下げました。
margin-bottom: 15px;
border:5px double #00b3cc; ← メッセージボックスの枠の情報（太さ５px、二重線、色と言う意味）
background:url("画像のＵＲＬ"); ← （追加）メッセージボックスの背景画像
background-repeat:x-repeat; ← （追加）メッセージボックスの背景を横に並べると言う意味
text-indent: 5px; ← （追加）メッセージボックスの文字の開始を、５px下げると言う意味
}
#message .contents{
margin-top: 10px;
margin-bottom: 10px;
}
線の種類、背景の繰返し等は、 タイトル背景のカスタマ メニューリスト表示のカスタマ を
参考にしてください。
くれぐれも、プレビューで確認後、保存していただくことを、お願いします。