Radio Scanner Webring HTML Examples
 

This page details some example HTML & JavaScript for the Web Ring code you MUST add to your page to be part of the Radio Scanner Web Ring.

Just Cut & Paste the one you like!

Are you an HTML Wizard? Don't like these? Got better HTML/JavaScript?

If so, and you want to share it, send it to me! I will post it here for everyone to benefit!

I am also looking for any one who can:
  1. Provide a button for Web Ring Members to display on link pages, etc. similar to the ones on my pages for The Dilbert Zone and Avenger etc..
  2. Additional graphics to reaplce the present scanner face graphic.
If you can supply these send them to me for consideration.

Standard Graphics

Below are two graphics which have been submitted for use by other members of the Web Ring.

"Green" Scanner"Blue" Scanner

You may choose to use EITHER of these graphics.

Web Ring Member Submitted HTML Examples:

From Ed Arnold: <center> <TABLE BORDER=1 WIDTH=385> <TR valign=center><TH WIDTH=125 ALIGN=center><a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm"> <img src="webjoin.jpg" align=center WIDTH=125 HEIGHT=125 BORDER=0></a></TH> <TH WIDTH=135><P><font size=2 face="Arial,Helvetica">This<BR><a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner</a> site<BR>is owned by<BR><a href="mailto:wpascanrec@oocities.com">R.E. Christian</a>. <BR><BR></FONT><font size=2 face="Arial,Helvetica"> Want to join the<BR><A HREF="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner<BR>WebRing</A>?</TH></FONT><TH WIDTH=125 ALIGN=CENTER><a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next"><img src="webnext.jpg" align=center WIDTH=125 HEIGHT=125 BORDER=0></a></CENTER></TH></TR> <TR><TH COLSPAN="3"> <font size=2 face="Arial,Helvetica">[<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&sprev">Skip Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&prev">Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next">Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&skip">Skip Next</a>][<a href="http://www.webring.org/cgi-bin/webring?random&ring=radioscanner">Random</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next5">Next 5</a><br>[<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&list">List Sites</a>]</FONT></TH></TR></TABLE></center> Results in:

This
Radio Scanner site
is owned by
R.E. Christian.

Want to join the
Radio Scanner
WebRing
?

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

From Chad DiGennaro:
<CENTER><TABLE BORDER WIDTH="70%" > <TR> <TD><IMG SRC="webring2.gif" ALT="Web Ring Icon" BORDER=0 HEIGHT=58 WIDTH=107></TD> <TD><FONT SIZE=-1>This <A HREF="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner</A> site is owned by&nbsp;</FONT>&nbsp; <BR><FONT SIZE=-1><A HREF="mailto:wpascanrec@">R.E. Christian</A></FONT>&nbsp; <P><FONT SIZE=-1>Want to join the <A HREF="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner Ring</A>?</FONT></TD> <TD><IMG SRC="scanner.gif" HEIGHT=26 WIDTH=132></TD> </TR> </TABLE></CENTER> <CENTER><FONT SIZE=+0>[<A HREF="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&sprev" target="_top">Skip Prev</A>] [<A HREF="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&prev" target="_top">Prev</A>] [<A HREF="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next" target="_top">Next</A>] [<A HREF="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&skip" target="_top">Skip Next</A>] [<A HREF="http://www.webring.org/cgi-bin/webring?random&ring=radioscanner" target="_top">Random</A>] [<A HREF="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next5" target="_top">Next 5</A>] [<A HREF="http://www.webring.org/cgi-bin/webring?ring=radioscanner&list" target="_top">List Sites</A>]</FONT></CENTER>
Results in:

Web Ring Icon This Radio Scanner site is owned by  
R.E. Christian 

Want to join the Radio Scanner Ring?

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

From John Samules:

<CENTER><TABLE BORDER="3" CELLSPACING="0"> <TR valign=center><TH ALIGN=center> <A HREF="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm"><IMG SRC="disjoin.gif" WIDTH="175" HEIGHT="75" BORDER="0"><BR><FONT size=2 face="Arial,Helvetica"> Want to join the<BR>RadioScanner<BR> WebRing</FONT></A>?</TH> <TH WIDTH=135><FONT size=2 face="Arial,Helvetica">This<BR><A href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner</A> site<BR> is owned by<BR><A href="mailto:YOUREMAILADDRESS!!">YOUR NAME!!</A>. <BR> <BR></FONT></TH><TH WIDTH=125 ALIGN=CENTER><A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;id=YOUR ID!&amp;next"><IMG SRC="disnext.gif" WIDTH="175" HEIGHT="75" BORDER="0"><BR><BR> Next Site<BR><BR></A></TH></TR></TABLE><P><P COLSPAN="3"><B> <FONT size=2 face="Arial,Helvetica">[<A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;id=YOUR ID!!&amp;sprev">Skip Prev</A>] [<A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;id=YOUR ID!!&amp;prev">Prev</A> ] [<A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;id=YOUR ID!!&amp;next">Next</A> ] [<A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;id=YOUR ID!!&amp;skip">Skip Next</A>][<A href="http://www.webring.org/cgi-bin/webring?random&amp;ring=radioscanner">Random</A>] [<A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;id=YOUR ID!!&amp;next5">Next 5</A>]<BR>[<A href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&amp;list">List Sites</A>]</FONT></B> </CENTER>

Results in the following:


Want to join the
RadioScanner
WebRing
?
This
Radio Scanner site
is owned by
R.E. Christian.



Next Site

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

Basic HTML

This is the HTML sent to you after the Web Ring Master approves your site.

You MUST ALTER this code with YOUR SITE ID#, YOUR NAME, and YOUR EMAIL ADDRESS!

<! WebRing Code !> <center> <P><TABLE BORDER=10 CELLPADDING=3 CELLSPACING=3 WIDTH=500> <TR><TH> <FONT Size=2> <a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm"><img src="scnrng.jpg" align="left" WIDTH=125 HEIGHT=80></a> <a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=YOUR_ID_#_HERE&next"><img src="scanner.gif" align="right" WIDTH=125 HEIGHT=80></a> This <a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner</a> site is owned by YOUR_NAME_HERE!_<BR> <a href="mailto:_YOUR_EMAIL_ADDRESS_HERE!_"><FONT SIZE="2">_YOUR_NAME_HERE!_</FONT></a>. <BR><BR> <FONT SIZE="2"> Want to join the <A HREF="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner Ring</A>?</FONT> </TH></TR> <TR><TH> <FONT Size=3> [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_YOUR_ID_#_HERE!_&sprev" target="_top">Skip Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_YOUR_ID_#_HERE!_&prev" target="_top">Prev</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_YOUR_ID_#_HERE!_&next" target="_top">Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_YOUR_ID_#_HERE!_&skip" target="_top">Skip Next</a>] [<a href="http://www.webring.org/cgi-bin/webring?random&ring=radioscanner" target="_top">Random</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_YOUR_ID_#_HERE!_&next5" target="_top">Next 5</a>] [<a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&list" target="_top">List Sites</a>] </FONT> </TH></TR></TABLE> </CENTER>
This produces the following results:

This Radio Scanner site is owned by R.E. Christian
R.E. Christian.

Want to join the Radio Scanner Ring?
[Skip Prev] [Prev] [Next] [Skip Next] [Random] [Next 5] [List Sites]


JavaScript Example

For those who wish/prefer a JavaScript version, use the following code.

You MUST ALTER this code with YOUR SITE ID#, YOUR NAME, and YOUR EMAIL ADDRESS!

<!-- JavaScript Code Example Start --> <table border=0><caption><font size=1> <a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Member of the Radio Scanner Web Ring</a> </font></caption> <tr><td><a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm" target="_top"> <img src="scanner.gif" alt="Generate more traffic!" width=132 height=26></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=radioscanner&id= _SITE_ID_HERE_&next"; if (form.way.selectedIndex == 1) parent.location="http://www.webring.org/cgi-bin/webring?ring=radioscannerid= _SITE_ID_HERE_&skip"; if (form.way.selectedIndex == 2) parent.location="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id= _SITE_ID_HERE_&next5"; if (form.way.selectedIndex == 3) parent.location="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id= _SITE_ID_HERE_&prev"; if (form.way.selectedIndex == 4) parent.location="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id= _SITE_ID_HERE_&sprev"; if (form.way.selectedIndex == 5) parent.location="http://www.webring.org/cgi-bin/webring?ring=radioscanner&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=radioscanner&id=_SITE_ID_HE RE_&next" TARGET="_top">Next site</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_SITE_ID_HE RE_&skip" TARGET="_top">Skip next site</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_SITE_ID_HE RE_&next5" TARGET="_top">Next 5 sites</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_SITE_ID_HE RE_&prev" TARGET="_top">Previous site</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_SITE_ID_HE RE_&sprev" TARGET="_top">Back 2 sites</a> <li><a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=_SITE_ID_HE RE_&random" TARGET="_top">Random site</a> </ul></font></td> </noscript> </tr> </table> <!-- JavaScript Code Example Stop -->
This produces the following results:

Member of the Radio Scanner Web Ring
Generate more traffic!

Standard HTML w/Buttons v. Text Links

I have modified the Standard HTML sent to each person to use buttons versus the text links. I prefer the buttons to the text, it looks cleaner to me.

To use this version, use the following code:

<! WebRing Code !> <center> <P><TABLE BORDER=10 CELLPADDING=3 CELLSPACING=3 WIDTH=500> <TR><TH> <FONT Size=2> <a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm"><img src="scnrng.jpg" align="left" WIDTH=125 HEIGHT=80></a> <a href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next"><img src="scanner.gif" align="right" WIDTH=125 HEIGHT=80></a> This <a href="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner</a> site is owned by R.E. Christian<BR> <a href="mailto:wpascanrec@oocities.com"><FONT SIZE="2">R.E. Christian</FONT></a>. <BR><BR> <FONT SIZE="2"> Want to join the <A HREF="http://www.oocities.org/CapeCanaveral/Lab/1060/scnrng.htm">Radio Scanner Ring</A>?</FONT> </TH></TR> <TR><TH> <FONT Size=3> <FORM METHOD="POST" ACTION="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&sprev" target="_top"><INPUT TYPE=SUBMIT VALUE="Skip Prev"><FORM METHOD="POST" ACTION="href="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&prev" target="_top"><INPUT TYPE=SUBMIT VALUE="Prev"><FORM METHOD="POST" ACTION="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next" target="_top"><INPUT TYPE=SUBMIT VALUE="Next"><FORM METHOD="POST" ACTION="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&skip" target="_top"><INPUT TYPE=SUBMIT VALUE="Skip Next"><FORM METHOD="POST" ACTION="http://www.webring.org/cgi-bin/webring?random&ring=radioscanner" target="_top"><INPUT TYPE=SUBMIT VALUE="Random"><FORM METHOD="POST" ACTION="http://www.webring.org/cgi-bin/webring?ring=radioscanner&id=1&next5" target="_top"><INPUT TYPE=SUBMIT VALUE="Next 5"><FORM METHOD="POST" ACTION="http://www.webring.org/cgi-bin/webring?ring=radioscanner&list" target="_top"><INPUT TYPE=SUBMIT VALUE="List Sites"></FORM></FONT> </TH></TR></TABLE></center>
Which results in this:

This Radio Scanner site is owned by R.E. Christian
R.E. Christian.

Want to join the Radio Scanner Ring?


Copyright © 1997 & 1998 R.E. Christian, All Rights Reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, electronic, electrical, chemical, optical, mechanical, photocopying, recording or otherwise without the prior written permission of the copyright owner.
The "Blue Scanner" image file is Copyright (C)1998 Tony Lombardi & "Green Scanner" image file Copyright (C)1998 Marc Mosher, All Rights Reserved, "Join" & "Next" Web Ring Graphics Copyright (C)1998 Ed Arnold, All Rights Reserved. "BC895 Display" image files Copyright ©1998 John Samules, All Rights Reserved. These graphics are used with permission of the above owners, and may not be stored, reproduced, or linked to on any other web site with out the permission of the above owners.



Copyright © 1994 - 2000 R.E. Christian, All Rights Reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, electronic, electrical, chemical, optical, mechanical, photocopying, recording or otherwise without the prior written permission of the copyright owner. All trademarks property of respective companies.
Site developed by R.C. Consulting


Click Here!

LinkExchange
LinkExchange Member Free Home Pages at GeoCities



Member of USA HyperBanner