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