ナビゲーションバーのはりつけ方

◆ナビゲーションバーの貼り付け方◆

画像１

画像２

画像３

画像４

画像５

画像６

1	まず上のお好きな画像を１つ選んで保存して下さい。 ☆Windows～画像にポインタを合わせ右クリック→「名前を付けて保存」を選択→あなたのPCの中のバナーの保存先フォルダを指定して保存 ★Mac～画像にポインタを合わせ長めにクリック→「画像に名前を付けて保存」を選択→あなたのPCの中のバナーの保存先フォルダを指定して保存画像の直リンクはサーバに負担がかかるため禁止しています。
2	選んだ画像のサンプルソースをHPの設置したいページにコピーペーストして●の部分２ケ所を、あなたのID（半角数字）に書き換えて下さい。 ※HTMLの知識がある方は、>>、list、ran.、、などの文字色や、テーブルカラーをサイトの雰囲気に合わせて変更してもOKです。その際、文字色以外の部分の変更をしないように気を付けて下さいね。バーが動作しなくなってしまいます。なお、変更方法についてのご質問はお受けしかねます。ごめんなさい。
3	ご自分のサーバにFTP（転送）して下さい
4	設置が終わりましたら、リングマスターへ完了の通知メールを送って下さい。 →pdj-owner@egroups.co.jp メールをいただいてから設置の確認をいたしますので忘れないようにして下さいね。 ※連絡は新規参加の方のみ。旧バーからの変更の場合はメール不要です♪ご自分で、バーが正常に動作しているかどうか、リンク部分をクリックして確認して下さいね。

下記のナビバーのソースはサーバ内の同じフォルダに画像をアップロードした場合に表示される例です。画像を専用フォルダに入れている方などは <img src="フォルダ名/pdj1.jpg"・・・というように画像表示タグ（ソースに赤字で表示してあります。）をフォルダ名からのパスに書き換える必要があります。例) <img src="images/pdj1.jpg" alt="料理レシピリングPlat du jour・・・以下略

◇◆◇◆◇◆ナビゲーションバーソース◇◆◇◆◇◆

ナビゲーションバー１

画像１を選んだ方

sample

ソース

<<* list* ran.* >>

ナビゲーションバー２

画像２を選んだ方

sample

ソース

<<* list* ran.* >>

ナビゲーションバー３

画像３を選んだ方

sample

ソース

<<* list* ran.* >>

ナビゲーションバー４

画像４を選んだ方

sample

ソース

<<* list* ran.* >>

ナビゲーションバー５

画像５を選んだ方

sample

ソース

<<* list* ran.* >>

ナビゲーションバー6 画像6を選んだ方

sample ソース

<<* list* ran.* >>

<table border="0" cellspacing="1" cellpadding="0" bgcolor="#e8ece8">
<tr>
<td align="center" valign="middle" bgcolor="#d3d3d3">
<table width="100%" border="0" cellspacing="0" cellpadding="2" height="100%">
<tr>
<td align="center" valign="middle" bgcolor="white">
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=mika;home" target="_blank">
<img src="pdj6.jpg" alt="料理レシピリング**Plat du jour**" width="100" height="75" border="0"></a></td>
</tr>
<tr>
<td bgcolor="white">
<div align="center">
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=mika;id=●;prev" target="_blank">
<font size="1" color="D3D3D3"><<</font></a><font size="1" color="white">*</font>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=mika;list" target="_blank">
<font size="1" color="D3D3D3">list</font></a><font size="1" color="white">*</font>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=mika;random" target="_blank">
<font size="1" color="D3D3D3">ran.</font></a><font size="1" color="white">*</font>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=mika;id=●;next" target="_blank">
<font size="1" color="D3D3D3">>></font></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

Plat du jour TOPへ。。