解決済

clip!clip!
Ads By Google

ライブドアブログでサイド・タイトルの背景色を変えるには?

ライブドアブログを使っています。

シンプルデザインのBlueframeというデザインを使っているのですが、左サイドの背景色(濃いブルーの部分)、タイトルの背景色(左サイドより少し薄めのブルーの部分)をもう少し薄いブルーにしたいと思います。

サイドメニューの背景色やサイドメニュータイトルの背景色は変わったのですが、サイド全体の背景色の変え方がわかりません。。

どこを修正したらよいのでしょうか?
おわかりの方是非教えてください!

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

回答(1)

1.

2006-06-15 22:42:55ベスト
回答する前に確認させていただきたいのですが、
質問内容の中の文章の・・・

『 左サイドの背景色(濃いブルーの部分) 』 と
『 サイド全体の背景色 』 は同じ場所を指していますか?

また、

『 タイトルの背景色(左サイドより少し薄めのブルーの部分) と、
『 サイドメニュータイトルの背景色は変わったのです 』 も
同じ場所を指しているのでしょうか?

そうだとして回答しますね。
違っていたらコメント欄で仰ってください。

質問の個所、『 サイド全体の背景色 』 なんですが、これは " 色 " ではなく、画像です。

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の CSS の記述を確認して下さい。一番上の方にこういう部分があります。

body{ }

この中に、こういう記述があります。

background:#fff url(' ') repeat-y 0 0;

この中に書き込まれている、



が、その背景画像です。サイズは、230px × 10px です。この画像を、何かお持ちの画像を作成するドローソフトで加工して色を変更するか、まったく同じサイズの色違いの画像を作るとかして、『 ファイルのアップロード 』 でサーバーにアップロードします。

そしてそのアップロードした画像のアドレスを、上記で説明した、

background:#fff url('ここです') repeat-y 0 0;

『 ここです 』 に、書き込みます。これで CSS を保存。CSS の再構築をかけます。閲覧しているブラウザーをリロード ( 再読み込み ) すれば、反映されているはずです。

できるだけ綺麗な画像をお作り下さい。
そのほうが綺麗な状態で表示されます。
回答レベル : 回答

変更できました!
ありがとうございます!!

Ads By Google

コメント(5)

#1.  
2006-06-16 00:38:38

『 左サイドの背景色(濃いブルーの部分) 』 と
『 サイド全体の背景色 』
は同じ場所です。

『 タイトルの背景色(左サイドより少し薄めのブルーの部分) と、『 サイドメニュータイトルの背景色は変わったのです 』
は上部にある『ブログのタイトル』と『サイドにあるのカテゴリーのタイトル』で別のものになります。

書き方がよくなかったですね、すみません。。

『左のサイド部分の背景』と『ブログのタイトルが表示してある部分の背景』の色を変えたい、という意味です。

サイドにあるのは背景画像だったんですね。どこまでいけるかわかりませんが、アドバイスの通りやってみます!

昨日質問したときもAQさんにアドバイス頂き解決してます。
再度ありがとうございます!

#2.  AQ
2006-06-16 01:53:00

>>#1
という事は、あとは 『ブログのタイトルが表示してある部分の背景』 という事ですね。

回答欄に書いた事と同じような回答になります。↓

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の CSS の記述を確認して下さい。こういう部分があります。↓

#banner,#subbanner{
height:97px;
background:url('http://image.blog.livedoor.com/img/usr/blueframe/header.gif') repeat-x 0 0;
text-align:left;
}

この中に書かれている、

background:url('http://image.blog.livedoor.com/img/usr/blueframe/header.gif') repeat-x 0 0;

の中の、

http://image.blog.livedoor.com/img/usr/blueframe/h...

#3.  AQ
2006-06-16 01:53:27

が、そのブログタイトルの背景として表示されている画像です。
サイズは 20px × 97px です。こちらはちょっとサイド背景画像より面倒かもしれません。

同じように加工、もしくは新たに作り直してアップロードし、上記タグ内に書き込み直し、CSS を保存、再構築をおこなって下さい。

#4.  
2006-06-17 03:31:49

AQ さん詳しくお返事ありがとうございます!
変更することができました!!!!!
感謝感謝です。

#5.  AQ
2006-06-17 03:40:17

>オレンジコーヒーさん
できましたか (^^) 良かった。
この説明で正しく思うように設定できるという事は
上級のスキルがある証拠です。

ベストありがとうございました♪

トラックバック(2)

トラックバックURL: