デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です。
ちなみに私は『ピーチ/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;
線の種類、背景の繰返し等は、 タイトル背景のカスタマ メニューリスト表示のカスタマ を
参考にしてください。