サイドバーの枠のようなものを消す | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ サイドバーの枠のようなものを消す。


● よく、サイドバーの灰色の枠のようなものを消したい
  質問があります。


● やり方(CSSの一番下に追加する)


① 色をつけたい場合


/* ------------------------------------------------------- */
/* サイドバーのメニュータイトル背景色の設定        */
/* ------------------------------------------------------- */
.skinMenuHeader {
background-color:#0000ff;/* 背景色 */
}
/* ------------------------------------------------------- */
/* サイドバーの各項目の全体の背景色の設定         */
/* ------------------------------------------------------- */
.skinMenu {
background-color:#000000;/* 背景色 */
}
/* ------------------------------------------------------- */
/* サイドバーの各項目のボディ部分の背景色の設定      */
/* ------------------------------------------------------- */
.skinMenuBody {
background-color:#ff0000;/* 背景色 */
}



上から、タイトル、外枠の色、内側の色になります。






① 透明にしたい場合


/* ------------------------------------------------------- */
/* サイドバーのメニュータイトル背景色の設定        */
/* ------------------------------------------------------- */
.skinMenuHeader {
background-color:transparent;/* 背景色 */
}
/* ------------------------------------------------------- */
/* サイドバーの各項目の全体の背景色の設定         */
/* ------------------------------------------------------- */
.skinMenu {
background-color:transparent;/* 背景色 */
}
/* ------------------------------------------------------- */
/* サイドバーの各項目のボディ部分の背景色の設定      */
/* ------------------------------------------------------- */
.skinMenuBody {
background-color:transparent;/* 背景色 */
}