解決済

背景の色を変えたいのですが…

Business Style(3カラム)を使用しているのですが、黒ベタの部分が気に入らないために、背景全体を明るい一色に変えたいのですが、どのようにすればよいでしょうか?
ご教授をお願いします。



2008-04-17 10:36の質問
変更    背景  
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(3)

3.

2008-04-19 02:59:18ベスト
最初の
#cgmmenu{
background:url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/banner.gif) no-repeat 50% 0;
の部分をやればいいです。
それ以下の部分は、非表示になっているので、特にやる必要はないです。(読込はされるのかもしれません)

あと、
色を付けるとかぶるので必要ないはずですが、
body{
	background:#ececec url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/header.gif) repeat-x;
の部分を
body{
	background:#ececec; /* url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/header.gif) repeat-x;*/
にしておく。
自信度 : 自信あり 回答レベル : アドバイス

この度は、再三の質問にもかかわらず早々に、しかも的確なご回答をいただきまして、本当に感謝いたしております。
この後もまた何か質問をしました折には、よろしくご指導ください。
ありがとうございました。

1.

2008-04-17 14:28:50
"黒ベタの部分"ってどこでしょう?
・タイトルの背景
・全体の背景
・一番下の部分


全体の背景のことなら
background:#ececec url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/header.gif) repeat-x;

#ececec
の部分を変更すればいいです。
自信度 : 自信なし 回答レベル : アドバイス

2.

2008-04-18 17:29:53
・タイトルの背景
#cgmmenu
のbackground で画像が指定されているので、
background の行を削除するか/* */で囲って
background-color:色指定;
にする。

・一番下の部分
#footer
のbackground で画像が指定されているので、
以下同上

特にフッター部分は使ってないなら
色づけする必要もないような・
自信度 : 自信あり 回答レベル : アドバイス
Ads By Google

コメント(6)

#1.  ごん太
2008-04-18 16:57:03

BLUEPIXY様、前回は「リンクの文字の色」の件で大変お世話になり、ありがとうございました。

今回の“黒ベタの部分”とは、
 ・タイトルの背景
 ・一番下の部分
の事なのですが、この部分だけの色の変更は可能なのでしょうか?もしも不可能でしたら、黒ベタも無くし、ただの一色にしたいのですが…。
ご指導の程よろしくお願いいたします。

#2.  ごん太
2008-04-18 18:22:04

BLUEPIXY様、文字数の関係上失礼お許し下さい。具体的にどの部分を直せばよいですか?

#cgmmenu{
background:url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/banner.gif) no-repeat 50% 0;
height:140px;
padding-right:30px;
}
#cgmmenu ul{display:none;
float:right;
font-size:12px;
list-style:none;
margin:0;
padding:0;
}
#cgmmenu ul li{
display:block;
float:left;
margin-right:0px;
line-height:100%;
width:90px;
}
#cgmmenu ul li a{
background:url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/button_off.gif) no-repeat;
display:block;
padding:15px 10px 9px;
text-decoration:none;
color:#454545;
}
#cgmmenu ul li a:hover{
background:url(http://parts.blog.livedoor.jp/img/usr/business_style_2c/button_on.gif) no-repeat;
color:#13305d;
}

#3.  ごん太
2008-04-20 09:11:02

出来ました!!
長い間、悩んでいた問題が解決しました!
ありがとうございます!

ついでにと言っては失礼ですが、一番下のfooterの部分に免責事項を入れたいのですが、どのようにすればよいでしょうか?
あつかましいお願いで申し訳ありませんが、よろしくお願いいたします。

#4.  BLUEPIXY
2008-04-20 13:09:25

#3>footerの部分に免責事項を入れたい
カスタマイズ/管理
デザインのカスタマイズで
トップページ
(と他のテンプレートも)
の一番下の部分に

<div id="footer"></div>
というのがあるはずですが、
この間に書きます。
<div id="footer">免責事項</div>
[この内容に変更する]ボタンを押す
再構築ページで該当ページを再構築

#5.  ごん太
2008-04-20 15:36:39

しつこくてスミマセン。
最後にもう一つお願いします。
免責事項を青い枠の真ん中まで下げたいのですが、どのようにすればよいでしょうか?
よろしくお願いいたします。

#6.  BLUEPIXY
2008-04-21 00:58:14

#5>青い枠の真ん中まで下げたいのですが、どのようにすればよいでしょうか?
一行だけなので、次のようにすればいいです。
テンプレート:

<div id="footer">免責事項</div>
※文字サイズや色などもスタイルシートで良い。
スタイルシート:
#footer{
	height:63px;
	background-color:#2c589e;
}

#footer{
	height:63px;
	background-color:#2c589e;
	text-align:center;
	font-size:small;
	color:#FFF;
	line-height:63px;
}

トラックバック

トラックバックURL: