スレイヤーズうぇぶりんぐホームページ

« 旧ナビゲーションバーサンプル | メイン

ナビゲーションバーサンプル

ナビゲーションバーのサンプルです。
ご自由にアレンジしてお使い下さい。
（画像や、言葉や、レイアウトも自由に変えて結構です。）
ただし、id=1のところを、あなたのidの値に変更するのをお忘れなく。

---

文字入りサンプル

☆スレイヤーズファンページが大集合☆

↑を押せば、登録されたスレリングの↑どこか↑へ飛んで行けます。↑

↓押せば飛ぶ↓

↑あなたの知らないスレページ↑

文字入りサンプル HTMLコード

<table border="0" align="center">
<tr><td align="center">
（ここにナビゲーションバー上の言葉を入れる）
</td></tr>
<tr><td>
（ここに、好きなナビゲーションバーのHTMLコードを入れる）
</td></tr>
<tr><td align="center">
（ここにナビゲーションバー下の言葉を入れる）
</td></tr>
</table>

また、画像の種類が増えました。
2画像アニメGIF版
http://slayers.nariten.com/random.gif


3画像アニメGIF版
http://slayers.nariten.com/random-2.gif


流浪ゼルさんの作品が3種類。
http://slayers.nariten.com/home-2.gif

http://slayers.nariten.com/random-3.gif

http://slayers.nariten.com/list-2.gif


冨村千早さん、ツキセ☆らいちさん、みなぶちまひこさんの合作
http://slayers.nariten.com/random-4.gif


花月こはくさんの作品
http://slayers.nariten.com/random-5.gif


お好みでお使い下さい。

---

新ナビゲーションバーサンプル

（この新ナビゲーションバーは、 Stellheim's Slayers Pageのステルハイムさんの作品です。）

サンプル１

サンプル２

サンプル３

サンプル４

サンプル５

サンプル６


サンプル１ HTMLコード

<table border="1" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
 <th colspan="7" nowrap><a
 href="http://slayers.nariten.com/" target="_top"><img
 src="http://slayers.nariten.com/home.gif" width="150" height="60" border="0" alt="Home"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/random.gif" width="150" height="60" border="0"alt="Random"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/list.gif" width="150" height="60" border="0"alt="list"></a></th>
</tr>
<tr>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);sprev" target="_top"><img
 src="http://slayers.nariten.com/b2i.gif" width="20" height="12" border="0" alt="BACK 2"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);prev" target="_top"><img
 src="http://slayers.nariten.com/bi.gif" width="11" height="12" border="0" alt="BACK"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next" target="_top"><img
 src="http://slayers.nariten.com/ni.gif" width="11" height="12" border="0" alt="NEXT"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);skip" target="_top"><img
 src="http://slayers.nariten.com/n2i.gif" width="20" height="12" border="0" alt="NEXT 2"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/r.gif" width="52" height="12" border="0" alt="RANDOM"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next5" target="_top"><img
 src="http://slayers.nariten.com/5.gif" width="35" height="12" border="0" alt="5 Site"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/l.gif" width="49" height="12" border="0" alt="Site List"></a></th>
</tr>
</table>

サンプル２ HTMLコード

<table border="1" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
 <th colspan="7" nowrap><a
 href="http://slayers.nariten.com/" target="_top"><img
 src="http://slayers.nariten.com/home.gif" width="150" height="60" border="0" alt="Home"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/random.gif" width="150" height="60" border="0"alt="Random"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/list.gif" width="150" height="60" border="0"alt="list"></a></th>
</tr>
<tr>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);sprev" target="_top"><img
 src="http://slayers.nariten.com/b2.gif" width="40" height="12" border="0" alt="BACK 2"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);prev" target="_top"><img
 src="http://slayers.nariten.com/b.gif" width="32" height="12" border="0" alt="BACK"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next" target="_top"><img
 src="http://slayers.nariten.com/n.gif" width="29" height="12" border="0" alt="NEXT"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);skip" target="_top"><img
 src="http://slayers.nariten.com/n2.gif" width="37" height="12" border="0" alt="NEXT 2"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/r.gif" width="52" height="12" border="0" alt="RANDOM"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next5" target="_top"><img
 src="http://slayers.nariten.com/5.gif" width="35" height="12" border="0" alt="5 Site"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/l.gif" width="49" height="12" border="0" alt="Site List"></a></th>
</tr>
</table>

サンプル３ HTMLコード

<table border="1" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
 <th colspan="5" nowrap><a
 href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/random.gif" width="150" height="60" border="0"alt="Random"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/list.gif" width="150" height="60" border="0"alt="list"></a></th>
</tr>
<tr>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);prev" target="_top"><img
 src="http://slayers.nariten.com/bi.gif" width="11" height="12" border="0" alt="BACK"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next" target="_top"><img
 src="http://slayers.nariten.com/ni.gif" width="11" height="12" border="0" alt="NEXT"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/r.gif" width="52" height="12" border="0" alt="RANDOM"></a></th>
 <th><a href="http://slayers.nariten.com/" target="_top"><img
 src="http://slayers.nariten.com/h.gif" width="38" height="12" border="0" alt="HOME"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/l.gif" width="49" height="12" border="0" alt="Site List"></a></th>
</tr>
</table>

サンプル４ HTMLコード

<table border="1" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
 <th rowspan="5" nowrap><a
 href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/random.gif" width="150" height="60" border="0"alt="Random"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/list.gif" width="150" height="60" border="0"alt="list"></a></th>
</tr>
<tr>
 <th></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);prev" target="_top"><img
 src="http://slayers.nariten.com/bi.gif" width="11" height="12" border="0" alt="BACK"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next" target="_top"><img
 src="http://slayers.nariten.com/ni.gif" width="11" height="12" border="0" alt="NEXT"></a></th>
</tr>
<tr>
 <th></th>
 <th colspan="2"><a href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/r.gif" width="52" height="12" border="0" alt="RANDOM"></a></th>
</tr>
<tr>
 <th></th>
 <th colspan="2"><a href="http://slayers.nariten.com/" target="_top"><img
 src="http://slayers.nariten.com/h.gif" width="38" height="12" border="0" alt="HOME"></a></th>
</tr>
<tr>
 <th></th>
 <th colspan="2"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/l.gif" width="49" height="12" border="0" alt="Site List"></a></th>
</tr>
</table>

サンプル５ HTMLコード

<table border="1" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
 <th colspan="4" nowrap><a
 href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/random.gif" width="150" height="60" border="0"alt="Random"></a></th>
</tr>
<tr>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);prev" target="_top"><img
 src="http://slayers.nariten.com/bi.gif" width="11" height="12" border="0" alt="BACK"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next" target="_top"><img
 src="http://slayers.nariten.com/ni.gif" width="11" height="12" border="0" alt="NEXT"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/r.gif" width="52" height="12" border="0" alt="RANDOM"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/l.gif" width="49" height="12" border="0" alt="Site List"></a></th>
</tr>
</table>

サンプル６ HTMLコード

<table border="1" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
 <th colspan="7" nowrap><a
 href="http://slayers.nariten.com/" target="_top"><img
 src="http://slayers.nariten.com/home-2.gif" width="150" height="60" border="0" alt="Home"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/random-3.gif" width="150" height="60" border="0"alt="Random"></a><a
 href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/list-2.gif" width="150" height="60" border="0"alt="list"></a></th>
</tr>
<tr>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);sprev" target="_top"><img
 src="http://slayers.nariten.com/b2i.gif" width="20" height="12" border="0" alt="BACK 2"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);prev" target="_top"><img
 src="http://slayers.nariten.com/bi.gif" width="11" height="12" border="0" alt="BACK"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next" target="_top"><img
 src="http://slayers.nariten.com/ni.gif" width="11" height="12" border="0" alt="NEXT"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);skip" target="_top"><img
 src="http://slayers.nariten.com/n2i.gif" width="20" height="12" border="0" alt="NEXT 2"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=slayers" target="_top"><img
 src="http://slayers.nariten.com/r.gif" width="52" height="12" border="0" alt="RANDOM"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;id=(あなたのサイトID);next5" target="_top"><img
 src="http://slayers.nariten.com/5.gif" width="35" height="12" border="0" alt="5 Site"></a></th>
 <th><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=slayers;list" target="_top"><img
 src="http://slayers.nariten.com/l.gif" width="49" height="12" border="0" alt="Site List"></a></th>
</tr>
</table>

---

旧ナビゲーションバーサンプル

サンプル１

[2つ前へ] [前へ] [次へ] [2つ次へ] [Random] [次の5サイト] [サイトリスト]

サンプル２

[Home] [前へ] [次へ] [Random] [List]

サンプル３

[Home] [前へ] [次へ] [List]

このHTMLコードは旧ナビゲーションバーサンプルにて見ることが出来ます。

« 旧ナビゲーションバーサンプル | メイン