.NET Ring ナビゲーションバーの設置法

.NET Ringに参加しているすべてのサイトにはナビゲーションバーが設置されている必要があります。ナビゲーションバーのサンプルをここで幾つか紹介しますが、このサンプルをそのままご使用していただいても構いませんし、編集あるいは、全く新しいものを作り、使用していただいても構いません。(よいナビゲーションバーができましたら、ぜひこちらで教えてください。また、ナビゲーションバーのサンプルに不備や、こうした方がいいということがありましたら、こちらでご報告ください。あまり自信がありません。)

なお、必ずソース内の「(あなたのID)」をご自分のIDに置換してご利用ください。

.NET Ringナビゲーションバーのサンプル

画像を使用したサンプル

画像を使ったナビゲーションバーです。ページのスタイルシートなどの影響を受けにくいですが、画像をダウンロードし、ご自分のサーバーにアップロードする必要があります

灰色

.NET Ring .NET Ringのホームへ移動 .NET Ringの前のサイトへ移動 .NET Ring参加サイト一覧 .NET Ringの次のサイトへ移動

ソース:

.NET Ring .NET Ringのホームへ移動 .NET Ringの前のサイトへ移動 .NET Ring参加サイト一覧 .NET Ringの次のサイトへ移動

ソース:

.NET Ring .NET Ringのホームへ移動 .NET Ringの前のサイトへ移動 .NET Ring参加サイト一覧 .NET Ringの次のサイトへ移動

ソース:

四葉のクローバ

.NET Ring .NET Ringのホームへ移動 .NET Ringの前のサイトへ移動 .NET Ring参加サイト一覧 .NET Ringの次のサイトへ移動

ソース:

HTMLテーブルを使用したサンプル

HTMLのテーブルとスタイルシートのみを使用したナビゲーションバーです。基本的にはソースを貼り付けるだけでOKですが、ページにスタイルシートを使っている場合は、このままでは正常に表示されない恐れがあります。なお、スタイルシートの部分は、HTMLヘッダに入れた方がよいでしょう。

灰色

(iframeで表示)

ソース:

(iframeで表示)

ソース:

(iframeで表示)

ソース:

ナビゲーションバーの自作

ナビゲーションバーを自作していただいても結構です。ただし、ナビゲーションバーを故意に隠したり、見え辛くしたり、あまりに小さくしないようにしてください。

ナビゲーションバーに使用するリンクは次のようなものです。この内、「次のサイトへ」、「前のサイトへ」、「リングのホームへ」は必ずナビゲーションバーに付けてください。


ページ情報
  • 作成日 : 2007-05-06 (日) 17:55:01
  • 作成者 : DOBON!
  • 最終編集日 : 2007-05-06 (日) 18:50:49
  • 最終編集者 : DOBON!
[ トップ ]   [ 新規 | 子ページ作成 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]