解決済

バナーについての質問です

フリーエリアからバナーを張っているのですが、画像サイズがサイドバーよりも大きくてはみ出してしまいます。
画像サイズを変更せずに違和感なくブログにバナーを貼り付けたいのですが、これ以外にもバナーを貼る方法はあるのでしょうか?
出来る事なら今よりも大きなバナーが使えるので、是非知りたいのですが、よろしくお願いします。

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

回答(2)

2.

2006-04-26 01:39:50ベスト
基本的にブログを考えるに当たり、何が一番大事かといえば、記事本文を納める部分です。サイドバーはそれに対してメニューを付け足したり、バナー、プラグイン、アクセサリーを飾る棚です。棚を大きくする事は簡単にできますが、それをすることで一番大事なスペースを失う事になります。それを失っても良いぐらい大事なバナーなんでしょうか?

基本的にサイドバーの幅を超えるバナーや画像は、サイドバーが下に落ちて、ブログのレイアウトを崩す原因の一番となっています。サイドバーの幅を超える、バナーのサイズを変更せずに設置する事は不可能です。

どうしてもと言うなら、記事本文中に貼り付けるか、ヘッダーの部分に表示させるか、もしくはフッター ( ブログ下部 ) に設置するしか方法は無いのではないでしょうか?

そのバナーは自分のブログ用のバナーじゃ無いのですよね? 記事本文中、フッターならまだしも、他人のバナーを自分のブログの一番目立つ部分 ( ヘッダー ) に貼り付ける行為は、自分自身が運営しているブログのプライドみたいな部分を捨ててしまうような気がしますので、ありえないかと思いますが ・・・。

それでも貼り付けたいのなら、コメント欄にその旨をお書きください。貼り付け方をお教えいたします。
回答レベル : 回答

おかげさまで無事バナーを貼ることが出来ました。
分かりやすく丁寧な回答ありがとうございました。

1.

2006-04-26 00:31:29
サイドバーの幅を広げればできますよ。
詳しくは過去の質問を検索してみてください
Ads By Google

コメント(7)

#1.  rindou
2006-04-26 18:21:19

丁寧な返答ありがとうございます。
確かにレイアウトを崩すような事はしたくはないので、フッター ( ブログ下部 ) に設置するという方法を教えていただけるとありがたいです。

#2.  rindou
2006-04-26 18:22:10

丁寧な返答ありがとうございます。
確かにレイアウトを崩すような事はしたくはないので、フッター ( ブログ下部 ) に設置するという方法を教えていただけるとありがたいです。

#3.  AQ♪
2006-04-26 20:21:53

>>#1 rindou さん
もし宜しければアドレス掲載できますか?
それか、何のテンプレートを使用しているか教えて下さい。

ブログのテンプレートによって、footer 、outfooter
のタグがあるものと無いものがあります。

画像で構成されているブログは、footer 部分をさわれません
ので、outfooter のところに記述する方法をとります。

#4.  rindou
2006-04-26 23:33:10

リネージュ??その1のデザインを現在使用しています。

#5.  AQ♪
2006-04-27 03:44:31

リネージュその1のデザインには、footer、outfooter の両方が存在します。outfooter のほうに設置しましょう。

管理画面より「 カスタマイズ/管理 」 の 「 デザインの選択 」 の 「 カスタマイズ 」 をクリックすると、「 トップページ 」 「 個別記事ページ 」 「 カテゴリアーカイブ 」 「 月別アーカイブ 」 という 4つ の HTML テンプレートがあります。この 4つ の HTML の下部に記述してある、<div id="outfooter"></div> の部分にバナーの設置をします。

まず <div id="outfooter"></div> となっているのを、このようにしましょう。

<div id="outfooter">
</div>

しなくても良いのですが、間違ってタグを消してしまったりのミスが無いようにとの配慮です。

その <div id="outfooter"> と </div> の間に、バナーを貼り付けるタグを新たに記述します。

<div id="outfooter">
--- この部分にです ---
</div>

#6.  AQ♪
2006-04-27 03:48:08

こんな感じになります。

<div id="outfooter">
<div align="center" style="margin-top:10px">
<a href="バナーに貼ったリンク先のアドレス" target="_blank"><img src="サーバー上にあるバナーの保存先アドレス" border="0" width="幅" height="高さ" alt="リンク先のタイトル"></a>
</div>
</div>

上から2行目にある align="center" はバナーが大きいとの事から、センターに表示された方が良いだろうとそうしました。左寄りにしたかったら、"left" 右よりは "right" と書き換えて下さい。style="margin-top: 10px" はバナーの上部の隙間を指示しています。もっと広げたかったら、10px の数字を大きくして下さい。

画像の高さや幅など、日本語文字で書かれているところは、適宜、使用するバナーに合わせて変更をして下さい。

すべての HTML にこれらの記述ができましたら保存し、全て再構築をかけて下さい。これでバナーが表示されます。

#7.  AQ♪
2006-04-27 22:35:44

>> rindou さん
あっできましたか! よかったです。
ベストありがとうございました。(^^)

トラックバック

トラックバックURL: