解決済
vivid style(３カラム):本文の背景画像の広げ方について。TopとBottomの背景画像の拡張はうまくいったのですが。。。
関係のありそうなlivedoorナレッジの記事を参考に３カラムの幅拡張にトライしていたのですが、本文の背景画像の幅が思ったように広がらなくて困っています。画像編集ソフトでオリジナルの背景画像をリサイズし、アップロードして元の背景画像とURLを入れ替えるというところまではしました。
その結果、本文のトップ及びボトムの部分の背景画像幅はうまく広がったのですが、どうしてもその間の部分が広がりません。
現在はこのような感じになってます。
ナレッジ上で
vivid_style/title_3c.gif
vivid_style/main_top_3c.gif
vivid_style/main_bottom_3c.gif
vivid_style/line_3c.gif
以上4つの背景画像のリサイズが必要だと言う事を学びました。４つのうち初めの3つはうまく再構築後に反映されたのですが、どうやら最後の、
vivid_style/line_3c.gifのリサイズが上手く反映されていないようなのです。
ネットでしらべて色々と試してみてはいるのですが
どうしてもうまく行きません。
原因は何なのでしょうか？
皆さんの知恵をお借りできれば嬉しいです。
よろしくお願いします！！！
回答(1)
1.
main_middle_3c.gifの編集が必要です。
ちょっと分かりにくいですが、左右に微妙に濃い黒の縦線がありますので、
それを上下の画像
と位置が合うように編集してください。
imqさん！
ありがとうございます!!!ありがとうございます!!!
出来ました!!!imqさんの迅速かつ丁寧なアドバイスのおかげで、無事この問題を解決することが出来ました！
あのほそーい背景画像に実は3色使われていたんですね～～～。すごいですね、いったいどうしたらそんなこと気づけるんですか!?俺はきっとあのままでは一生気がつかなっかたと思います 笑
ちょっと上下画像の境界線がオリジナルに比べるとややはっきりですが、これは自分だけでも何とかなりそうです！本当にうまくいったので、是非完成したものを見ていってくださいね！本当に助かりました！
また、自分だけでは解決できない問題がでてきたら、是非、また助けていただけたら嬉しいです!!!
ありがとうございました！
oratohs
コメント(7)
http://knowledge.livedoor.com/comment/19717#answer...
こちらの回答ですね。
ちゃんと検証せず回答していました。
申し訳ないです。
まじかる☆スフィーさん、
いえいえ、謝らないで下さい!!
今回ここで質問している問題にぶつかるまでは、ブログ素人PC音痴の私ですが、案外スムーズにブログのカスタマイズが出来たんです。まぁ、6時間はかかりましたが 笑
そのスムーズにここまで出来たのは、実は殆ど、まじかる☆スフィーさんのおかげなんです。まじかる☆スフィーさんのよその質問での回答をあれこれ教本として読ませていただき、ここまでカスタマイズすることが出来ました。ありがとうございます！
スフィーさんのおかげで殆どできたようなものです。
逆に最後のおいしい所を持って行くようで恐縮です。
カスタムの方ですが、
手順は良いのですが、画像の編集が違っています。
単純に横幅を縮小するだけではダメで、
画像は一見単色のグレーに見えるのですが、
左右の枠線（縦線）、その内側、外側と、
3色の構成になっています。
編集時に400～800%に拡大して良く目を凝らすと分かるかと思います。
ブログ上ではこれが縦に連続して何枚も繋がっていますので、
それをイメージすると分かりやすいかと思います。
編集は現在の画像を元に、
右の枠線（縦線）を右端の方へ持って行って、
枠線の内側のカラーを統一すれば良いかと思います。
もう一つ、
#articlebody{
の部分も画像URL変更必要です。
vivid style(３カラム)って横幅広げるのに以外と面倒なデザインだったんですね。。。
スフィーさん、
そこのところも直しておきました！ありがとうございます！
ここにはimqさんや、まじかる☆スフィーさんの様な頼りになる方がいらっしゃるんですね。とても感激致しました。
imqさん、繰り返しになりますが、おかげで自分の満足のいく仕上がりになりました。ありがとうございます。
これからも皆さんのよそでの回答を勉強させてもらいながら、他のことにもチャレンジしてみたいと思います！
ありがとうございました！
oratohs
