知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

サイドの色を変えたいと思います。



ブログの両サイドのこげ茶のグラデーションの部分を1色の色にしたいのですが・・

CSS等の知識が浅く、方法が分かりません。

初心者向けにどなたか教えていただけませんか?よろしくお願いします。

2007-02-05 08:43の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2007-02-05 13:20:53ベスト
その部分は画像で表現されていますので、その画像を削除し、背景を色で指定すれば、ご希望に添えると思います。

「デザインの設定( )」ページで、一番下の「カスタマイズ」をクリックして、カスタマイズをできるページを開きます。
入力欄に、スタイルシート(CSS)が表示されています。
最初のほうに、次のようなところがあります。
*/

	body{
		margin:0;
		padding:0;
		color:#333;
		font-family:arial ,sans-serif;
		background:#000 url(http://parts.blog.livedoor.jp/img/usr/liquid_drive/bg.gif) repeat-x 0 30px;
		text-align:center;
	}
この中の
		background:#000 url(http://parts.blog.livedoor.jp/img/usr/liquid_drive/bg.gif) repeat-x 0 30px;
が全体の背景の指定です。
単色にしたいのですから、画像を使う必要はないですから、次のように変えます。
		background:#000;
「000」が色のRGB値です。この場合は、真っ黒です。
赤緑青の16進値(0123456789abcdef)を入れて下さい。
真っ青なら「00f」、真っ赤なら「f00」となります。
これは、6桁で指定することもでき、最近はこちらが主流のように感じます。
その場合は、赤赤緑緑青青と並びます。
真っ青なら「0000ff」、真っ赤なら「ff0000」となります。

最初に挙げた範囲は、変更した後、次のようになります。(色は茶色で6桁で指定しました。)

*/

	body{
		margin:0;
		padding:0;
		color:#333;
		font-family:arial ,sans-serif;
		background:#a52a2a;
		text-align:center;
	}

このように変えたら、下の[この内容で保存する]をクリックします。

左上のほうにある「ブログに設定を反映(再構築)」をクリックして再構築のページへ進み、
[インデックス(トップの記事)]になっているプルダウンフォームを
[全てのページ]に合わせ、[ブログを再構築する]をクリックしてください。

「サイトの再構築が完了しました。」のメッセージが出たら、
ブログを開き直して(更新して)確認してください。
回答レベル : 回答

ありがとうございました。お礼はコメントに書かせていただきました。

Ads By Google

コメント(1)

#1.  cacao
2007-02-05 13:47:30

とても分かりやすいアドバイスを頂き、とても嬉しいです。
おかげで、1回で成功することができました♪
ありがとうございました。
今回のことをきっかけに、さらにCSSについて勉強してみようと感じております。

トラックバック(2)

トラックバックURL: