デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です
ちなみに私は『ピーチ／２コラム－記事右」を選択しています。
「タイトル」をどうしていいかよくわからなかったんですが、
見ておわかりのとおり、日付のところ、ピンクの花びらが動いているとおもいます。
ヾ(´▽｀*)ゝ ここ、カスタマしちゃいます。
って・・・・・ 改行が快適だわ♪♪♪
↓↓↓↓元のソース
/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
/*message*/
#message{
width:99%;
margin-bottom: 15px;
border-top: 1px dashed #006600;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #006600;
}
#message .contents{
margin-top: 10px;
margin-bottom: 10px;
}
/*entries*/
.entry{
width: 99%;
margin-bottom: 20px;
}
.entry .date{
width:99%;
background-color: #FF6766; ←日付バーの色です。
padding: 5px 0px 2px 5px;
border-bottom: 1px solid #993400; ←日付バーの下枠の線の情報です。
border-right: 1px solid #993400; ←日付バーの右の線の情報です。
display: block;
color: #FFFFFF; ←日付の文字の色です。
}
以前説明した、（ＣＳＳ編集）メニューリスト表示のカスタマ の応用です。 参照ください。
で、このブログの内容は ↓↓↓↓
/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
/*message*/
#message{
width:99%;
margin-bottom: 15px;
border-top: 1px dashed #006600;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #006600;
}
#message .contents{
margin-top: 10px;
margin-bottom: 10px;
}
/*entries*/
.entry{
width: 99%;
margin-bottom: 20px;
}
.entry .date{
width:99%;
background-image: url("画像のＵＲＬ"); ←これ追加でカキコしています。
background-repeat: x-repeat; ←これ追加でカキコしています。
padding: 5px 0px 2px 5px;
border-bottom: 1px solid #ff2899;
border-right: 1px solid #ff2899;
border-top: 1px solid #ff2899; ←これ追加でカキコしています。
border-left: 1px solid #ff2899; ←これ追加でカキコしています。
display: block;
color: #000000; ←背景に合わせて、文字の色を変えてください。
}
私の場合は、メニューの背景に画像を入れましたが、色を変えるだけなら、
【 background-color: FF6766; 】 のカラーコードを変えるだけでＯＫです。
カラーコード表は、プロフィール欄でも紹介していますが、
をご訪問ください。
沢山の色を、とても見やすくされています。
（ここの日付メニューバーが動いているのは、動く画像を使っているからです。）