バナー画像に好きな画像を使おう

：「Q太郎さん、so-netのブログって
たくさんのテンプレートがあるけど、バナーに好きな
画像って使えるの？」

：「ああ、余裕だな
#container{ }内の
background:#ffffff url(/_common/skins/212/images/banner-bg.jpg) no-repeat center top;を消して
アップロードしてある、バナーに使いたい画像をクリックだ。
だが・・・一つ忠告しておくぞ。
アップロードするファイルの幅に気をつけるんだ。
バナー画像に使える幅は、#container{ }内のwidthで決まっている。
バナー画像が大きければ、バナー画像が切れるだけで済むが
小さい時には、一気にブログのレイアウトバランスが
崩れる可能性もある。

サイドバー

記事

#container{ }内のwidthの値を大きくした時も
注意が必要だ」

：「じゃあ一体どうしたらいいんですか!!!」

：「ベストは#container{ }内のwidthと同値の
バナー画像を用意すること。
できないなら、アップロードしたファイルを編集して
同じ値にすることだ。

だが、ここでも一つ注意が必要だ。
小さい画像ファイルを大きくすると画像が
荒くなるだけになるぞ。
元画像は大きなものを使うんだ」

：「面倒くさそうだね」

：「確かにな。だが難しいことではない。
widthの値と同じにするだけだ」

：「うん、やってみるよQ太郎さん」

タグ：CSS ブログ カスタマイズ バナー so-net