デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です。

ちなみに私は『ピーチ/2コラム-記事右」を選択しています。

 

が・・・ 「オレンジ」になっちゃいました・・・・(笑)

 

基本のデザインスキンには、メニュー、記事のに枠がついていません。

 

ヾ(´▽`*)ゝ ここ、カスタマしちゃいます♪

 

 

◆記事に枠をつけます。

/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
/*message*/
#message{
width:99%;
margin-bottom: 15px;
border-top:3px double #ffffff;
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: #ffffff;
}
#message .contents{
margin-top: 10px;
margin-bottom: 10px;
}
/*entries*/
.entry{
width: 99%;
margin-bottom: 20px;
border: 1px solid #ff4d00; ←追加(オレンジ色の実線を1pxの太さで表示すると言う意味)

text-indent: 5px; ←追加(参照①)

}

 

 <参照①>文字を、5px下げる(右に寄せる)と言う意味です。

        追加しなくてもいいですが、これを入れることで、見た目がよくなります。

        プレビューで、違いを確認してみてください。 

 

 

◆メニューそれぞれに枠をつける

/* ----------------------- menu_element_basis ----------------------- */
.mainMenu {
margin-bottom: 15px;
border: 1px solid #ff4d00; ←追加(オレンジ色の実線を1pxの太さで表示すると言う意味)

}

 

◆メニューエリアに背景を入れる(このブログのCSSです)

/* ----------------------- background-color-control ----------------------- */
BODY { ←全体の背景
  background-image : url("画像のURL");
  background-attachment: fixed;
  background-position:95% 95%;
  background-repeat: no-repeat;}
#frame {
}
#sub_a{ ←サイドメニューの背景
background-image : url("画像のURL");
background-repeat: repeat;
}

 ◆やっちんからのご質問◆

  >名前と時間の所に色がついてるのってどうやったんですか??
/* ----------------------- MainColumn ----------------------- */
        ・

        ・

        ・ ← この部分、長くなるため省略しました。

        ・

         ・

#trackback ul {
margin-bottom: 10px;
}
/*comment_module*/
#comment_module{
border-top: 1px solid #FF6766;
padding-top: 5px;
}
#comment_module .each_comment {
margin-bottom: 10px;
}
#comment_module .comment_footer {
margin-top: 5px;
padding-top: 5px;
background-color: #ffe6b3; ← これ追加しました。
}
#comment_module .error{
margin-top: 20px;
padding-bottom: 10px;

 

 

ぼたん2 線の種類、背景の繰返し等は、 タイトル背景のカスタマ メニューリスト表示のカスタマ を

    参考にしてください。