Web Ring Control Panel
HTML Code Examples

Here are some samples of HTML to use on your web site.


Example 1: Hot Button to Control Panel

ButtonHTML Code
<a href="http://www.pfinders.com/cgi-bin/mvring?2"><img 
src="http://www.pfinders.com/mvring/mvringbutton1.jpg" 
border=0></a>
<a href="http://www.pfinders.com/cgi-bin/mvring?2"><img 
src="http://www.pfinders.com/mvring/mvringbutton2.jpg" 
border=0></a>
<a href="http://www.pfinders.com/cgi-bin/mvring?2"><img 
src="http://www.pfinders.com/mvring/mvringbutton3.jpg" 
border=0></a>
The Multivalue Community Web Ring
<a href="http://www.pfinders.com/cgi-bin/mvring?2">The
Multivalue Community Web Ring</a>

Try clicking one of the above buttons. Notice that it sends you to a separate web page control panel.

All you must do is replace the mvring?2 with your ring id number. For example, if you were site 45, then it would be mvring?45


Example 2: Table Method

MultiValue Community Ring
Maintained by Herb Rubin

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

Here is the HTML code that generated the above table. You can cut this and paste it into your web page. Notice the bold "id=3" YOU MUST CHANGE THE NUMBER to your site id number assigned to you!

<CENTER>
<TABLE BORDER=4 CELLPADDING=3 CELLSPACING=3 WIDTH=500>
<TR>
<TH>
<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&prev" target="_top">
<img src="http://www.pfinders.com/mvring/prvarrow.gif" width=87 height=49 
align="left" border=0></a>
<FONT Size=4>
<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&next" target="_top">
<img src="http://www.pfinders.com/mvring/nxtarrow.gif" width=87 height=49 
align="right" border=0></a>
<a href="http://www.pfinders.com/mvring">MultiValue Community Ring</a> 
<BR></font>
<FONT SIZE="2">Maintained by 
<a href="mailto:herbr@pfinders.com">Herb Rubin</FONT></a><BR>
<BR>
</FONT></TH></TR>
<TR><TH><FONT Size=3>
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&sprev" target="_top">Skip Prev</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&prev" target="_top">Prev</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&next" target="_top">Next</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&skip" target="_top">Skip Next</a>]
[<a href="http://www.webring.org/cgi-bin/webring?random&ring=mvring" target="_top">Random</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=3&next5">Next 5</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&list" target="_top">List Sites</a>]</FONT>
</TH></TR>
</TABLE>
</CENTER>

Example 3: Non Table Method



MultiValue Community Web Ring

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

Here is the HTML code that generated the above. You can cut this and paste it into your web page.
Notice the bold "id=4" YOU MUST CHANGE THE NUMBER to your site id number assigned to you!

<p>
<center><h2>MultiValue Community Web Ring</h2>
<FONT Size=3>
<B>
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&sprev" target="_top">Skip Prev</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&prev" target="_top">Prev</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&next" target="_top">Next</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&skip" target="_top">Skip Next</a>]
[<a href="http://www.webring.org/cgi-bin/webring?random&ring=mvring" target="_top">Random</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&next5" target="_top">Next 5</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=mvring&list" target="_top">List Sites</a>]
[<a href="http://www.pfinders.com/mvring" target="_top">Join</a>]<br>
</B>
</FONT>


Example 4: Client Side Image Map Method


Here is the HTML code that generated the above. You can cut this and paste it into your web page.
Notice the bold "id=4" YOU MUST CHANGE THE NUMBER to your site id number assigned to you!

<center>
<img src="http://www.pfinders.com/mvring/mvwr.jpg" border=0  
ismap usemap="#navigate">
</center>
<map name="navigate">
<area coords="6,2,338,26"
href="http://www.pfinders.com/mvring"
target="_top">
<area coords="198,41,247,64" 
href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&next" 
target="_top">
<area coords="198,64,282,84" 
href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&prev" 
target="_top">
<area coords="198,85,277,105" 
href="http://www.webring.org/cgi-bin/webring?random&ring=mvring" 
target="_top">
<area coords="198,106,243,126" 
href="http://www.pfinders.com/mvring" target="_top">
<area coords="198,126,240,148" 
href="http://www.webring.org/cgi-bin/webring?ring=mvring&list" 
target="_top">
<area coords="67,34,181,154" 
href="http://www.intl-spectrum.com/" 
target="_top">
<area coords="40,163,110,180" 
href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&snext" 
target="_top">
<area coords="120,162,197,180" 
href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&next5" 
target="_top">
<area coords="210,162,315,181" 
href="http://www.webring.org/cgi-bin/webring?ring=mvring&id=4&prev5" 
target="_top">
</map>

For those curious,
target="_top"
is how you get out of frames!

Direct further questions to Herb Rubin