知識、知恵のカタマリ

[PR]自分が見つかるハケン日記!

解決済

Livedoorブログのデザインのトップの色を変えたいのですが・・

ブログをLivedoorブログのデザインの『サフラン・3カラム』を使用しています。
トップのタイトル名とコメントの部分(お花の絵があるところ)の背景が最初グレーです。
そのグレーを他の色に変えたいのですが、どうすればいいのか教えてください。
カスタマイズのどこに当てはまるのかを教えてください!!!

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

回答(1)

2.

2007-03-29 15:19:23ベスト
グレーの部分は、背景色ではなく、背景画像です。
スタイルシートの上のほうに設定があります。
body{
	background:#fff3c3 url(http://parts.blog.livedoor.jp/img/usr/saffron/bg.jpg) no-repeat 50% 30px;
	margin:0;
	padding:0;
	text-align:center;
}
この中の
http://parts.blog.livedoor.jp/img/usr/saffron/bg.jpg
がその画像です。

画像の色を変えたい場合は、上記のURLをブラウザのアドレス欄に貼り付けて画像を表示させて下さい。
名前をつけて保存で、画像を保存します。
それを画像編集ソフトで加工して、ブログにアップロードして、そのURLを求めます。
(ここが分からない場合は、次の記事をご参考に
livedoor Blogで、(画像)ファイルをアップロードして、記事の中以外で使うために
http://blog.livedoor.jp/horsefly/archives/50513073...
そのURLを上記のURLの代わりにスタイルシートに記入することで(花の後ろの)背景が変わります。

背景画像の設定をなくせば、画像は消え、(花の後ろの)背景は全体と同じ色になります。
body{
	background:#fff3c3;
	margin:0;
	padding:0;
	text-align:center;
}

タイトル、ブログの説明の背景に独自に色を設定することはできます。
#banner{
	height:100px;
	margin:-100px auto 0;
	text-align:center;
	clear:both;
}
の中に、
background:#色コード;
を入れれば、ご希望のところに色が着きます。
しかし、この場合、設定の重ね合わせの順番が後になりますので、その部分の画像(花の絵)が消えてしまいます。
それで構わなければ、例えば、白にしたいのなら
#banner{
	height:100px;
	margin:-100px auto 0;
	text-align:center;
	clear:both;
	background:#ffffff;
}
という具合にして下さい。
回答レベル : 回答

horseflyさん、今回もありがとうございます。
文字の色と同様、私には少し高度な技術です・・
しかし、諦めずに挑戦します。
horseflyさんから頂いた回答を何回も見て頑張ります!!

Ads By Google

コメント

まだコメントがありません

トラックバック

トラックバックURL: