ice_w_sky , ice_w_shop のｶｽﾀﾏｲｽﾞ

ice_w_shopと、ice_w_skyのメイン部分の背景色を指定する方法です。

カスタマイズする時は、その都度プレビュー画面で確認する事を
おすすめします。２つ方法が書いてありますが、初心者の方でも
難しくないと思うので、好きな方を選んで頑張ってみて下さいね。
まずは、スタイルシートの編集画面を開いて以下のように書いてある場所を探します。（skyも、shopも、ほぼ同じです）
↓このタグで、テーブル画像を含めたメイン部分を設定しています。

　/*テーブル部分設定=============================*/
.main {
width: 500px;
margin: 0px 0px 30px 5px;
}



１．メインテーブルの背景を白くする場合
上の部分に背景色を指定するタグを追加します。
/*テーブル部分設定=============================*/

.main {
width: 500px;
margin: 0px 0px 30px;
background-color:#ffffff;　←このタグを追加。　
}


↓メインテーブルの背景が白くなってるのが分かるかと思います。
　（例：sky クリックで画像が大きく表示されます）

テーブル　背景色指定




２．メインテーブル内を半透明にする場合
フィルターをかけることによって半透明にします。
これも同じように最初に探した部分を以下のように変更します。
/*テーブル部分設定=============================*/
.main {
width: 500px;
margin: 0px 0px 30px 5px;
background:#ffffff; ← 背景色を指定するタグ　
filter:Alpha(opacity=70); ←IEでのフィルター効果
-moz-opacity: 0.7; ←NNでのフィルター効果
color: #333;　←文字色の指定
}



数字が小さくなるほど透明になっていきます。

文字色の設定はフィルターをかける事によって背景だけでなく、
文字もフィルターがかかる為、他に使っている色よりも少し濃い目の
色を設定した方がいいかもしれません。
文字が薄くてもいいよーという方は文字色の設定はしなくてもOKです。


↓　こんな感じになります。（個人的には、こっちの方が好きｗ
　　（例：sky　クリックで画像大）

table_bg_img2.jpg



背景色を白以外で指定したい場合は、background-color: この部分　;を変えればOKです。ちなみに見るブラウザによっては半透明ではなく１のようになっています･･･('A`)
FC2ブックマークに追加
« 修正のご報告 l Home l ice_w_sky , ice_w_shop»