HTML Examples

To be a part of the Band Nerds' WebRing, you need a few things. Perhaps the most important, other than your site, is the Ring Code itself. There are three versions of the WebRing Code that you may use. You must have one of these before you are entered into the ring itself.


Table Version

This Band Nerds' WebRing site is owned by
The Band Nerds.

Want to join the The Band Nerds' WebRing?
[Skip Prev] [Prev] [Next] [Skip Next] [Random] [Next 5] [List Sites]


If you want this version, copy and paste the following HTML code into your page: <!--START TABLE CUT HERE--> <!-- Example code in table form --> <CENTER> <P><TABLE BORDER=10 CELLPADDING=3 CELLSPACING=3 WIDTH=500> <TR><TH> <FONT Size=2> <a href="http://www.oocities.org/Vienna/6203/webring.html"><img src="//www.oocities.org/Vienna/6203/bandnerdsring.gif" align="left" WIDTH=125 HEIGHT=80></a> <a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next"><img src="//www.oocities.org/Vienna/6203/bandnerdsringnext.gif" align="right" WIDTH=125 HEIGHT=80></a> This <a href="http://www.oocities.org/Vienna/6203/webring.html">Band Nerds' Webring</a> site is owned by <BR> <a href="mailto:_YOUR_E-MAIL_ADDRESS_"><FONT SIZE="2">Your_Name_Here</FONT></a>. <BR><BR> <FONT SIZE="2"> Want to join the <A HREF="http://www.oocities.org/Vienna/6203/webring.html">The Band Nerds' WebRing</A>?</FONT> </TH></TR> <TR><TH> <FONT Size=3> [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&sprev" target="_top">Skip Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&prev" target="_top">Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next" target="_top">Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&skip" target="_top">Skip Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?random&ring=bandnerds" target="_top">Random</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next5" target="_top">Next 5</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&list" target="_top">List Sites</a>] </FONT> </TH></TR></TABLE> </CENTER> <!--STOP TABLE CUT HERE-->

Note: For all of this to work, make sure that you fill in your SITE ID where it says, as well as your e-mail and name. This is the same for the next version as well.


Standard Version

This Band Nerds' WebRing site is owned by The Band Nerds.

Want to join the Ring name?

[Skip Prev] [Prev] [Next] [Skip Next] [Random] [Next 5] [List Sites]

The Following Code is for the Standard Version of the WebRing Graphics:

<!--START STANDARD CUT HERE--> <!-- Example code in standard form --> <CENTER> <FONT Size=3> <a href="http://www.oocities.org/Vienna/6203/webring.html"><img src="ringsamp.jpg" align="left" WIDTH=125 HEIGHT=80></a> <a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next"><img src="nextsamp.jpg" align="right" WIDTH=125 HEIGHT=80></a> This <a href="http://www.oocities.org/Vienna/6203/webring.html">Band Nerds' Webring</a> site is owned by <a href="mailto:SITE_OWNER_EMAIL"><FONT SIZE="2">Your_Name_Here</FONT></a>. <BR><BR> <FONT SIZE="3"> Want to join the <A HREF="http://www.oocities.org/Vienna/6203/webring.html">The Band Nerds' WebRing</A>?</FONT> <BR><BR> <FONT Size=3> <B> [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&sprev" target="_top">Skip Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&prev" target="_top">Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next" target="_top">Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&skip" target="_top">Skip Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?random&ring=bandnerds" target="_top">Random</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next5" target="_top">Next 5</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&list" target="_top">List Sites</a>] </B> </FONT> </CENTER> <!--STOP STANDARD CUT HERE-->

Note: Remember to change all the Site ID numbers to your site ID when the code is inserted.


JavaScript Version

Member of the Band Nerds' WebRing
Generate more traffic!

Here is the JavaScript Code for you, don't forget to fill in your Site ID and other info:

<!-- JavaScript Code Example Start --> <table border=0><caption><font size=1> <a href="http://www.oocities.org/Vienna/6203/webring.html">Member of the Band Nerds' WebRing</a> </font></caption> <tr><td><a href="http://www.oocities.org/Vienna/6203/webring.html" target="_top"> <img src="bandnerdsring.gif" alt="Generate more traffic!" width=200 height=128></a></td> <script language="JavaScript"> <!-- Hide this from older browsers function gotoPage (form) { if (form.way.selectedIndex == 0) parent.location="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next"; if (form.way.selectedIndex == 1) parent.location="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&skip"; if (form.way.selectedIndex == 2) parent.location="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next5"; if (form.way.selectedIndex == 3) parent.location="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&prev"; if (form.way.selectedIndex == 4) parent.location="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&sprev"; if (form.way.selectedIndex == 5) parent.location="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&random"; } document.write('<td valign="middle"><form name="JSWR">'); document.write('<input type="button" value="Go !!!" onClick="gotoPage(this.form)"><br>'); document.write('<select name="way">'); document.write('<option checked>Next site'); document.write('<option>Skip next site'); document.write('<option>Next 5 sites'); document.write('<option>Previous site'); document.write('<option>Back 2 sites'); document.write('<option>Random site'); document.write('</select>'); document.write('</form></td>'); // End hide --> </script> <noscript> <td valign="middle"><font size="2"><ul> <li><a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next" TARGET="_top">Next site</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&skip" TARGET="_top">Skip next site</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&next5" TARGET="_top">Next 5 sites</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&prev" TARGET="_top">Previous site</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&sprev" TARGET="_top">Back 2 sites</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=bandnerds&id=_SITE_ID_HERE_&random" TARGET="_top">Random site</a> </ul></font></td> </noscript> </tr> </table> <!-- JavaScript Code Example Stop -->
The Band Nerds' WebRing is copyright 1997 Adam Miller.