最近のコメントの文字、背景色などの調整

★　最近のコメントの文字、背景色などの調整



◆　最近のコメントの文字の色の調整

①　色（文字色・リンク色）

/* ------------------------------------------------------- */
/* 最近のコメントの文字の色（文字色・リンク色）　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu {color:#00ff00;}/* 文字色 */
.recentCommentMenu a:link{color:#ff0000;}/* 未訪問 */
.recentCommentMenu a:visited{color:#ff00ff;}/* 訪問済 */
.recentCommentMenu a:hover{color:#0000ff;}/* カーソルを乗せたとき */
.recentCommentMenu a:active{color:#ffff00;}/* クリック実行時 */

.recentCommentMenu a:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */

◆　最近のコメントの文字の大きさ・種類・太さの調整

①　文字の大きさ・種類・太さ

/* ------------------------------------------------------- */
/* 最近のコメントの文字の大きさ・種類・太さ　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu{
font-size:10px;/* 文字の大きさ */
font-family:'HGS創英角ﾎﾟｯﾌﾟ体';/* 文字の種類 */
font-weight:normal;/* bold→太い文字 normal→普通 */
}

◆　下部点線

①　点線を変える

/* ------------------------------------------------------- */
/* 最近のコメントの下部点線を変える　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinSubList li{
border-bottom:1px dashed #cccccc;/* dashed→破線 */
}

②　点線を消す

/* ------------------------------------------------------- */
/* 最近のコメントの下部点線を消す　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinSubList li{
border-bottom:none;
}

◆　最近のコメント部分の背景色

①　背景色

/* ------------------------------------------------------- */
/* 最近のコメントの背景色　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu,.recentCommentMenu .skinMenuBody{
background-color:#008888;/* 背景色 */
}

②　枠の様に背景色を変える
(一括でサイドバー全体を変える方法は、サイドバーのテーマを参照）

/* ------------------------------------------------------- */
/* 最近のコメントの背景色（外側部分）　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu{
background-color:#008888;/* 背景色 */
}
/* ------------------------------------------------------- */
/* 最近のコメントの背景色（内側部分）　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinMenuBody{
background-color:#005555;/* 背景色 */
}