あのんさん製作ナビゲーションバーサンプル&設置方法
2003/06/03改定

 戻る

バナー提供:あのんさん
提供ありがとうございます。
■ 設置サンプル

■ 特徴
 ・200*40のバナ−サイズで場所をとりません。
 ・透過gifを使用しているため、背景によって色が変化します。お勧めは白です。
 ・色数が少ないので軽く、読込みに負担がかかりません。

■ 注意点・
 ・絶対に画像のサイズ変更をしないでください。ナビゲーションができなくなります。これが原因でナビができない場合においても登録削除対象になる場合があります。


■ 設置のピント

 ・画像のダウンロードは必要と判断したらでかまいません。一応当方のサイトに乗せておきます。
 ・以下のタグをコピー&ペースト。画像をDLしたならあなたのサイト構成に応じて画像までのパスを修正し、「サイトID」を入れます。これで完成です。

BACK NEXT RANDOM ROCKET3_RING

■ htmlタグ見本(これの指示通り設置すると、サンプルのようになります。)
   改行はしないほうがいいです。ここでは見やすくするため適度に改行しています。
  
あなたのIDというところにはメールでお知らせしたIDを入れてください。

<IMG src="http://ring.rocket3.net/r3r/rocket3_ring_bnr1.gif" width="200" height="40" usemap="#ring_Map" border="0">
<MAP name="ring_Map">
<AREA shape="rect" coords="144,8,160,17" href="http://ring.rocket3.net/r3r/ering.cgi?mode=back&t=0&id=(あなたのID)&no=0" target="_blank" alt="BACK" title="BACK">
<AREA shape="rect" coords="177,8,194,17" href="http://ring.rocket3.net/r3r/ering.cgi?mode=next&t=0&id=(あなたのID)&no=0" target="_blank" alt="NEXT" title="NEXT">
<AREA shape="rect" coords="143,20,193,32" href="http://ring.rocket3.net/r3r/ering.cgi?mode=randam&id=(あなたのID)&no=0" target="_blank" alt="RANDOM" title="RANDOM">
<AREA shape="rect" coords="8,8,135,31" href="http://ring.rocket3.net/r3r/ering.cgi?no=0" target="_blank" alt="ROCKET3_RING" title="ROCKET3 RING">
</MAP>