解決済

clip!clip!
Ads By Google

ブログのカスタマイズ(背景色設定に係る疑問)

はじめまして。rikrik88( )といいます。
ブログ初心者でわからないことばかりです。
拙い質問ですが、デザインをカスタマイズするにあたり、背景色を変えたいのですが(使用のデザインは「デフォルト2008(桃,3カラム)、既定のカラー#FFE5E5を別の色(わかりやすく黒#000000にしてみました)に変えてみたところ、サイドバーや本文の枠の角っ子部分(元は丸み)は既定の色のままです。
角っ子の色を変えるにはどの部分を修正すればいいのでしょうか。

解決策をご存知の方がいらっしゃれば、是非お知恵をお借りしたいと思います。どうぞ宜しくお願いいたします。

<参考>
body部分記述
body {
margin: 0;
padding: 0;
min-width: 775px;
background-color: #000000;
text-align: center;
}

****************************************************

サイドバー左部分記述
div#sub {
float: left;
margin-left: -100%;
display: inline;
width: 220px;
background: #fff6f6 url( ) no-repeat;/* 背景画像:上 */
padding-top: 15px;
}

div#sub div.column-inner {
background: url( ) no-repeat bottom;/* 背景画像: 下 */
padding-bottom: 30px;

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

回答(1)

1.

2009-01-25 14:35:14ベスト
このデザインテンプレートは角を丸くするために四隅に小さな画像が使われています。
背景色を変更しても画像部分の色は元のままなのでそのようになってしまうわけです。

解決方法は2つ
1)丸みを取る
2)背景画像を加工する

1)丸みを除去するのは比較的簡単です。CSS内の
url(http://parts.blog.livedoor.jp/img/usr/default_2008/pink/side_top.gif) no-repeat;/* 背景画像:上 */
このような記述をすべて削除すればOKです。


2)例えばサイドバーの一番上には

この画像が、
一番下には

この画像が使われています。
これらの画像を画像編集ソフトで色をピンクから黒にしていきます。
編集・保存した各種画像をアップロードしたらCSSを開いて
url(http://parts.blog.livedoor.jp/img/usr/default_2008/pink/side_top.gif
これら背景画像のURL部分をアップした画像ファイルのURLと差し替えればOKです。
ブログタイトルエリアや記事本文エリアも同じように作業していくわけですが…結構大変だと思いますよ。1より見栄えは良くなるでしょうけど。


mannendoco_life

ありがとうございました!

Ads By Google

コメント(3)

#1.  
2009-01-25 16:17:08

>万年床生活者様
早速にわかりやすい回答ありがとうございました。
四隅の丸み画像が使われていたとは驚きました。
1)の丸みをとる・・・はできそうですが、
2)の画像加工は私には難しそうです。
当面は既定の色を使い、慣れてきたら加工処理にも挑戦していこうかと思います。

本当にありがとうございました。すっきりしました。

rikrik88

2009-01-25 16:54:52

あせらずゆっくりやればきっとうまくいきますよ。

例:サイドバー下端の画像
http://parts.blog.livedoor.jp/img/usr/default_2008...
色をピンクから黒に↓
http://image.blog.livedoor.jp/mannendoco_life/imgs...
やっぱ面倒ですね。私には無理><

#3.  
2009-01-26 20:15:17

>万年床生活者様
ありがとうございます。
地道に記述内容を解読していこうと思います。
カスタマイズしやすいかと思って選んだシンプルデザインでしたが、色々と工夫が施されていることがわかり、よい勉強になりました。

トラックバック(2)

トラックバックURL: