HOME > ナレッジ コレクション > バナー画像の貼り付け方

バナー画像の貼り付け方

2006年07月26日 AQ


サイドカラムにあるフリーエリアに、ランキングサイトなどのバナー画像を貼り付ける方法を教えて下さい。また、そのバナーにリンクを付ける事も同時に教えていただければ嬉しいです

質問対象 : ライブドアブログ、その他ブログ


フリーエリアは、管理画面に入り、カスタマイズ/管理 > 左サイドバーのプラグインの新規追加 > 上級者向けプラグイン > フリーエリア > で選択します。

その中の空白欄にバナー画像を表示させるタグを書き入れます。書き入れたら保存しますが、必ず 『 改行しない 』 にチェックを入れて下さい。

バナーを表示させるタグとしては ・・・

<img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="画像に関する説明">

で良いのですが、( alt は title でも可 ) これにリンクをするのなら、こうなります。↓

<a href="リンク先のアドレス"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の名称など"></a>

また複数の画像を縦に並べる時に、綺麗に整列させるには、貼り付けた画像のタグの前後に ( フリーエリアの中の最初と最後に ) 以下のタグを追加すれば良いでしょう。↓

<div align="center">

・ ( バナーを表示させるタグ )

</div>

center ( 中央揃え ) を left にすれば、左よりになります。

また画像と画像の前後に余白を入れたければ、<img> タグにその指示の記述を入れます。こういう風に↓

<a href="リンク先のアドレス"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の名称など" style="margin:0px auto 5px"></a>

style="margin:0px auto 5px" これがその指示の記述です。この例では、上に 0px、左右に auto ( 自動調整 )、下に 5px の余白ができます。

画像の幅は、サイドカラムの幅を絶対に超えてはいけません。サイドカラムの幅は、2カラムなら #links、3カラムなら #left もしくは #right の中に width: ○○px; と CSS に記載されています。

すべての書入れが終われば保存。プラグインの再構築をおこない、閲覧しているブラウザーを更新すれば表示反映されています。

この記事へのコメント
1. Posted by diorコピー   2011年11月18日 14:30
最高級のダイヤモンド時計 guys は-目で撤退をうまく設計された時計です !一意のロレックスは苦労して稼いだ現金で利用可能です。賢明により専用している場合は、この量のような時計を購入は間違いなくない簡単に行くの交換-レプリカのロレックスのスイスの時計は非常に最初のコレクションのような要素だけです。他に何?

2. Posted by スーパーコピーバッグ   2011年11月18日 14:30
ロレックス、私たち知っている、かなり人気のあるブランドの中で実際の時計、高級感をされ、頻繁に販売のためにレプリケートされます。さまざまな時計は、今日利用可能な購入することがあります、また常にロレックスの非常に最初のコレクションに含まれています。すぐに全体の範囲を評価することを決めたと言う、ほとんど確かに 1 つを得るについての苦境がある本当に、固体として印象的な外観です
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Promotion
Mini BBS
Comments
Tag Click