賢威6.1~背景色とカラム部分の色を変える

あんまりかっこいいとは思わないんだけど、
一応こういうことも簡単にできます。

kenis7

みて。
サイトの背景の色と、メインカラム、サイドバー部分の色を変えてます。

この設定方法ね。

まずは、「外観」⇒「テーマ編集」と進み、
「design.css」を開きます。

keni613

この、一番上の記述なんだけど、

/*——————————————————–
1、サイト全体の背景設定
——————————————————*/

#container{ background-color: #a9a9a9; }

もしくは、マネー版みたいに、
うっすら背景に模様(斜線)が入っているようなタイプは

/*——————————————————–
1、サイト全体の背景設定
——————————————————*/

#container{
background: url(./images/common/bg-main.png) repeat #a9a9a9;
}

* html #container{ background: #a9a9a9; } /*IE6*/

こうなっていると思います。

この記述の下に、こんな記述を書き足します。
赤い文字の部分のカラーコードは任意です。

#main-contents {
background-color: #fff;
}
.sub-column {
background-color: #fff;
}

全部書き足したマネー版の場合はこうなります。

/*——————————————————–
1、サイト全体の背景設定
——————————————————*/

#container{
background: url(./images/common/bg-main.png) repeat #a9a9a9; ← 全体背景の色
}

* html #container{ background: #a9a9a9; } /*IE6*/ ← 全体背景と同じカラーコードにする

#main-contents {
background-color: #fff; ← メインカラム部分の背景色
}
.sub-column {
background-color: #fff; ← サイドバー部分の背景色
}

この3箇所を好みの色にそれぞれ変えてやります。

ただし、賢威6.1は、
基本的にサイト全体の文字色を、一括で大きく指定してしまっているので、
メインカラムとサイドバーで極端に背景色を変えた場合、
メインカラム用とサイドバー用に、それぞれ、文字色を割り当ててやらないといけません。

黒い文字なら全部が黒、白い文字なら全部が白。
いちいち細かく文字色を変えるにはそれなりに設定がいるからね!!

あわせて読みたい関連記事

コメントは停止中です。

サブコンテンツ

このページの先頭へ