DoboWiki
Top
> .NET Ring/ナビゲーションバー をテンプレートにして作成
.NET Ring/ナビゲーションバー をテンプレートにして作成
開始行:
*.NET Ring ナビゲーションバーの設置法 [#qe9130a3]
#contents
.NET Ringに参加しているすべてのサイトにはナビゲーションバ...
''なお、必ずソース内の「(あなたのID)」をご自分のIDに置...
*.NET Ringナビゲーションバーのサンプル [#lafd9298]
**画像を使用したサンプル [#h5b9ed32]
画像を使ったナビゲーションバーです。ページのスタイルシー...
***灰色 [#w43efb5c]
&myhtml(navibar_img,navi_gray.png);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_gray.png" alt=".NET Ring" width="121" heig...
<map name="map_navi" id="map_navi">
<area shape="rect" coords="0,0,121,56" href="https://wiki...
<area shape="rect" coords="0,56,40,76" href="https://wiki...
<area shape="rect" coords="40,56,80,76" href="https://wik...
<area shape="rect" coords="80,56,121,76" href="https://wi...
</map>
}}
***青 [#u60f83e5]
&myhtml(navibar_img,navi_blue.png);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_blue.png" alt=".NET Ring" width="121" heig...
<map name="map_navi" id="map_navi">
<area shape="rect" coords="0,0,121,56" href="https://wiki...
<area shape="rect" coords="0,56,40,76" href="https://wiki...
<area shape="rect" coords="40,56,80,76" href="https://wik...
<area shape="rect" coords="80,56,121,76" href="https://wi...
</map>
}}
***赤 [#iba20140]
&myhtml(navibar_img,navi_red.png);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_red.png" alt=".NET Ring" width="121" heigh...
<map name="map_navi" id="map_navi">
<area shape="rect" coords="0,0,121,56" href="https://wiki...
<area shape="rect" coords="0,56,40,76" href="https://wiki...
<area shape="rect" coords="40,56,80,76" href="https://wik...
<area shape="rect" coords="80,56,121,76" href="https://wi...
</map>
}}
***四葉のクローバ [#ff26fc1e]
&myhtml(navibar_img,navi_lucky.gif);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_lucky.gif" alt=".NET Ring" width="120" hei...
<map name="luckynavi_map" id="luckynavi_map">
<area shape="rect" coords="10,58,37,78" href="https://wik...
<area shape="rect" coords="49,57,72,78" href="https://wik...
<area shape="rect" coords="83,58,111,78" href="https://wi...
<area shape="rect" coords="0,0,120,57" href="https://wiki...
</map>
}}
**HTMLテーブルを使用したサンプル [#h5ba5b74]
HTMLのテーブルとスタイルシートのみを使用したナビゲーショ...
***灰色 [#qf70a7e3]
(iframeで表示)
&myhtml(navibar_html,navi_gray.html);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<style TYPE=text/css>
<!--
table.dotnetring { background-color: #202020; width: 121p...
table.dotnetring table.convex { border-right: #515151 1px...
table.dotnetring table.concavity { border-right: #C0C0C0 ...
table.dotnetring table.titleout { width: 119; height: 53;...
table.dotnetring table.titlein { width: 113; height: 49; ...
table.dotnetring table.button { width: 39; height: 16; te...
table.dotnetring big { font-weight: bold; font-size: 12pt...
table.dotnetring small { font-weight: normal; font-size: ...
table.dotnetring a:link { text-decoration:none; color:#FF...
table.dotnetring a:visited { text-decoration:none; color:...
table.dotnetring a:active { text-decoration:none; color:#...
table.dotnetring a:hover { text-decoration:none; color:#F...
-->
</style>
<table class="dotnetring" width="121" height="76" border=...
<tr><td height="75%" colspan="3">
<table class="convex titleout" width="100%" height="100%"...
<tr><td>
<table class="concavity titlein" width="100%" height="100...
<tr><td align="center" valign="middle">
<big>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</big>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td>
<td>
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td></tr>
</table>
</td>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td></tr>
</table>
}}
***青 [#hf067844]
(iframeで表示)
&myhtml(navibar_html,navi_blue.html);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<style TYPE=text/css>
<!--
table.dotnetring { background-color: #121328; width: 121p...
table.dotnetring table.convex { border-right: #333270 1px...
table.dotnetring table.concavity { border-right: #B2B4DE ...
table.dotnetring table.titleout { width: 119; height: 53;...
table.dotnetring table.titlein { width: 113; height: 49; ...
table.dotnetring table.button { width: 39; height: 16; te...
table.dotnetring big { font-weight: bold; font-size: 12pt...
table.dotnetring big a:link { text-decoration: none; colo...
table.dotnetring big a:visited { text-decoration: none; c...
table.dotnetring big a:active { text-decoration: none; co...
table.dotnetring big a:hover { text-decoration: none; col...
table.dotnetring small { font-weight: normal; font-size: ...
table.dotnetring small a:link { text-decoration: none; co...
table.dotnetring small a:visited { text-decoration: none;...
table.dotnetring small a:active { text-decoration: none; ...
table.dotnetring small a:hover { text-decoration: none; c...
-->
</style>
<table class="dotnetring" width="121" height="76" border=...
<tr><td height="75%" colspan="3">
<table class="convex titleout" width="100%" height="100%"...
<tr><td>
<table class="concavity titlein" width="100%" height="100...
<tr><td align="center" valign="middle">
<big>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</big>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td>
<td>
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td></tr>
</table>
</td>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td></tr>
</table>
}}
***赤 [#a19172db]
(iframeで表示)
&myhtml(navibar_html,navi_red.html);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<style TYPE=text/css>
<!--
table.dotnetring { background-color: #300000; width: 121p...
table.dotnetring table.convex { border-right: #780000 1px...
table.dotnetring table.concavity { border-right: #FFA9A9 ...
table.dotnetring table.titleout { width: 119; height: 53;...
table.dotnetring table.titlein { width: 113; height: 49; ...
table.dotnetring table.button { width: 39; height: 16; te...
table.dotnetring big { font-weight: bold; font-size: 12pt...
table.dotnetring big a:link { text-decoration: none; colo...
table.dotnetring big a:visited { text-decoration: none; c...
table.dotnetring big a:active { text-decoration: none; co...
table.dotnetring big a:hover { text-decoration: none; col...
table.dotnetring small { font-weight: normal; font-size: ...
table.dotnetring small a:link { text-decoration: none; co...
table.dotnetring small a:visited { text-decoration: none;...
table.dotnetring small a:active { text-decoration: none; ...
table.dotnetring small a:hover { text-decoration: none; c...
-->
</style>
<table class="dotnetring" width="121" height="76" border=...
<tr><td height="75%" colspan="3">
<table class="convex titleout" width="100%" height="100%"...
<tr><td>
<table class="concavity titlein" width="100%" height="100...
<tr><td align="center" valign="middle">
<big>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</big>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td>
<td>
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td></tr>
</table>
</td>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td></tr>
</table>
}}
*ナビゲーションバーの自作 [#links]
ナビゲーションバーを自作していただいても結構です。ただし...
ナビゲーションバーに使用するリンクは次のようなものです。...
-次のサイトへ(''必ず付けてください'')~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-前のサイトへ(''必ず付けてください'')~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-リング内のサイトを一覧表示~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-リング内のどこかのサイトをランダムに表示~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-リングのホームを表示します(つまりこのサイト)(''必ず付...
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-.NET Ringへの参加フォームを表示~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
//これより下は編集しないでください
#pageinfo([[:Category/.NET Ring]],2007-05-06 (日) 17:55:0...
終了行:
*.NET Ring ナビゲーションバーの設置法 [#qe9130a3]
#contents
.NET Ringに参加しているすべてのサイトにはナビゲーションバ...
''なお、必ずソース内の「(あなたのID)」をご自分のIDに置...
*.NET Ringナビゲーションバーのサンプル [#lafd9298]
**画像を使用したサンプル [#h5b9ed32]
画像を使ったナビゲーションバーです。ページのスタイルシー...
***灰色 [#w43efb5c]
&myhtml(navibar_img,navi_gray.png);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_gray.png" alt=".NET Ring" width="121" heig...
<map name="map_navi" id="map_navi">
<area shape="rect" coords="0,0,121,56" href="https://wiki...
<area shape="rect" coords="0,56,40,76" href="https://wiki...
<area shape="rect" coords="40,56,80,76" href="https://wik...
<area shape="rect" coords="80,56,121,76" href="https://wi...
</map>
}}
***青 [#u60f83e5]
&myhtml(navibar_img,navi_blue.png);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_blue.png" alt=".NET Ring" width="121" heig...
<map name="map_navi" id="map_navi">
<area shape="rect" coords="0,0,121,56" href="https://wiki...
<area shape="rect" coords="0,56,40,76" href="https://wiki...
<area shape="rect" coords="40,56,80,76" href="https://wik...
<area shape="rect" coords="80,56,121,76" href="https://wi...
</map>
}}
***赤 [#iba20140]
&myhtml(navibar_img,navi_red.png);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_red.png" alt=".NET Ring" width="121" heigh...
<map name="map_navi" id="map_navi">
<area shape="rect" coords="0,0,121,56" href="https://wiki...
<area shape="rect" coords="0,56,40,76" href="https://wiki...
<area shape="rect" coords="40,56,80,76" href="https://wik...
<area shape="rect" coords="80,56,121,76" href="https://wi...
</map>
}}
***四葉のクローバ [#ff26fc1e]
&myhtml(navibar_img,navi_lucky.gif);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<img src="navi_lucky.gif" alt=".NET Ring" width="120" hei...
<map name="luckynavi_map" id="luckynavi_map">
<area shape="rect" coords="10,58,37,78" href="https://wik...
<area shape="rect" coords="49,57,72,78" href="https://wik...
<area shape="rect" coords="83,58,111,78" href="https://wi...
<area shape="rect" coords="0,0,120,57" href="https://wiki...
</map>
}}
**HTMLテーブルを使用したサンプル [#h5ba5b74]
HTMLのテーブルとスタイルシートのみを使用したナビゲーショ...
***灰色 [#qf70a7e3]
(iframeで表示)
&myhtml(navibar_html,navi_gray.html);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<style TYPE=text/css>
<!--
table.dotnetring { background-color: #202020; width: 121p...
table.dotnetring table.convex { border-right: #515151 1px...
table.dotnetring table.concavity { border-right: #C0C0C0 ...
table.dotnetring table.titleout { width: 119; height: 53;...
table.dotnetring table.titlein { width: 113; height: 49; ...
table.dotnetring table.button { width: 39; height: 16; te...
table.dotnetring big { font-weight: bold; font-size: 12pt...
table.dotnetring small { font-weight: normal; font-size: ...
table.dotnetring a:link { text-decoration:none; color:#FF...
table.dotnetring a:visited { text-decoration:none; color:...
table.dotnetring a:active { text-decoration:none; color:#...
table.dotnetring a:hover { text-decoration:none; color:#F...
-->
</style>
<table class="dotnetring" width="121" height="76" border=...
<tr><td height="75%" colspan="3">
<table class="convex titleout" width="100%" height="100%"...
<tr><td>
<table class="concavity titlein" width="100%" height="100...
<tr><td align="center" valign="middle">
<big>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</big>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td>
<td>
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td></tr>
</table>
</td>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td></tr>
</table>
}}
***青 [#hf067844]
(iframeで表示)
&myhtml(navibar_html,navi_blue.html);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<style TYPE=text/css>
<!--
table.dotnetring { background-color: #121328; width: 121p...
table.dotnetring table.convex { border-right: #333270 1px...
table.dotnetring table.concavity { border-right: #B2B4DE ...
table.dotnetring table.titleout { width: 119; height: 53;...
table.dotnetring table.titlein { width: 113; height: 49; ...
table.dotnetring table.button { width: 39; height: 16; te...
table.dotnetring big { font-weight: bold; font-size: 12pt...
table.dotnetring big a:link { text-decoration: none; colo...
table.dotnetring big a:visited { text-decoration: none; c...
table.dotnetring big a:active { text-decoration: none; co...
table.dotnetring big a:hover { text-decoration: none; col...
table.dotnetring small { font-weight: normal; font-size: ...
table.dotnetring small a:link { text-decoration: none; co...
table.dotnetring small a:visited { text-decoration: none;...
table.dotnetring small a:active { text-decoration: none; ...
table.dotnetring small a:hover { text-decoration: none; c...
-->
</style>
<table class="dotnetring" width="121" height="76" border=...
<tr><td height="75%" colspan="3">
<table class="convex titleout" width="100%" height="100%"...
<tr><td>
<table class="concavity titlein" width="100%" height="100...
<tr><td align="center" valign="middle">
<big>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</big>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td>
<td>
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td></tr>
</table>
</td>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td></tr>
</table>
}}
***赤 [#a19172db]
(iframeで表示)
&myhtml(navibar_html,navi_red.html);
ソース:
#myhtml(textarea,name="gray" cols="60" rows="8" wrap="OFF...
<style TYPE=text/css>
<!--
table.dotnetring { background-color: #300000; width: 121p...
table.dotnetring table.convex { border-right: #780000 1px...
table.dotnetring table.concavity { border-right: #FFA9A9 ...
table.dotnetring table.titleout { width: 119; height: 53;...
table.dotnetring table.titlein { width: 113; height: 49; ...
table.dotnetring table.button { width: 39; height: 16; te...
table.dotnetring big { font-weight: bold; font-size: 12pt...
table.dotnetring big a:link { text-decoration: none; colo...
table.dotnetring big a:visited { text-decoration: none; c...
table.dotnetring big a:active { text-decoration: none; co...
table.dotnetring big a:hover { text-decoration: none; col...
table.dotnetring small { font-weight: normal; font-size: ...
table.dotnetring small a:link { text-decoration: none; co...
table.dotnetring small a:visited { text-decoration: none;...
table.dotnetring small a:active { text-decoration: none; ...
table.dotnetring small a:hover { text-decoration: none; c...
-->
</style>
<table class="dotnetring" width="121" height="76" border=...
<tr><td height="75%" colspan="3">
<table class="convex titleout" width="100%" height="100%"...
<tr><td>
<table class="concavity titlein" width="100%" height="100...
<tr><td align="center" valign="middle">
<big>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</big>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td>
<td>
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td></tr>
</table>
</td>
<td width="33%">
<table class="convex button" width="100%" height="100%">
<tr><td align="center" valign="middle">
<small>
<a href="https://wiki.dobon.net/index.php?plugin=webring&...
</small>
</td>
</tr>
</table>
</td></tr>
</table>
}}
*ナビゲーションバーの自作 [#links]
ナビゲーションバーを自作していただいても結構です。ただし...
ナビゲーションバーに使用するリンクは次のようなものです。...
-次のサイトへ(''必ず付けてください'')~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-前のサイトへ(''必ず付けてください'')~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-リング内のサイトを一覧表示~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-リング内のどこかのサイトをランダムに表示~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-リングのホームを表示します(つまりこのサイト)(''必ず付...
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
-.NET Ringへの参加フォームを表示~
https://wiki.dobon.net/index.php?plugin=webring&ring=dotn...
//これより下は編集しないでください
#pageinfo([[:Category/.NET Ring]],2007-05-06 (日) 17:55:0...
ページ名:
▲
▼
[
トップ
] [
新規
|
子ページ作成
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]