←     The scrollbar is on that side (IE only).

If you operate a ring through WebRing.com, feel free to use this template. Be sure to make the replacement indicated in caps. Unless you know what you are doing, I would not suggest changing anything else. In addition, you need to:

If you use the template, please include a link to the URL in my guestbook. I like to see what others have done with my work. You are also invited to visit the MarkFoster.NETwork.

To see how the navbar would look, check out any of the rings I operate through WebRing, or, for a mostly non-working example, see below:

Logo
The Just-an-Example Ring
a bowl of cherries
• Ring Maintained by:
   wflintstone
WebRing   |   Help
• Site #15 Owner:
   fflintstone
One Back | One Ahead | Two Back | Two Ahead | The Hub
Randomizer | Previous List | Next List | Forum | Join Ring

This is the code:

<br /> <table border="1" width="460"
cellpadding="2" cellspacing="0" align="center"
style="border-style:ridge;border-width:7px;
border-color:#ffc0cb;text-align:center;
background-color:#ffc0cb;width:460px"
bordercolor="--navolcolor--"><tr><td>
<table border="0" cellpadding="1" cellspacing="0"
width="100%"><tr>
{{navbarlogourl}}<td valign="top">
<img src="--navbarlogourl--" alt="Logo"
style="width:50px;height:50px;border-width:0px" />
</td> {{/navbarlogourl}}
<td><table border="0" cellpadding="0"
cellspacing="4"
width="100%" align="center" style="width:100%;
border-width:0px;text-align:center"><tr>
<td nowrap="nowrap" align="justify"
style="text-align:justify">
<span style="font-family:arial,helvetica;
color:#000000;font-weight:bold;font-size:16px"> --title--</span>
<div style="font-size:14px;font-weight:bold;color:#204900;
font-family:comic sans ms, arial, helvetica;
text-align:justify" align="justify">
REPLACE WITH A 1-TO-5 WORD SUBHEADING (APPEARS UNDER RING TITLE)
</div></td> {{name}}
<td nowrap="nowrap" align="center"
style="text-align:center">
<div style="text-align:justify;font-family:arial,helvetica;
font-size:10px;color:#8b008b">
&bull; Ring Maintained by:<br />
&nbsp;&nbsp; <a style="color:#000000;
background-color:transparent;background:url(none)"
href="--rm_mid--/cgi-bin/profile?y=--ringmaster--"
onmouseover="window.status='RingMaster`s Profile';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
title="RingMaster's Profile"
target="_top">--ringmaster--</a><br />
&bull; <a href="http://www.webring.com/rw"
style="color:#000000;
background-color:transparent;background:url(none)"
onmouseover="window.status='WebRing Home';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
title="WebRing Home" target="_top">WebRing</a>
&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://home.dejazzd.com/androb/wrug/"
style="color:#000000;
background-color:transparent;background:url(none)"
onmouseover="window.status='WebRing Users Guide';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
title="WebRing Users Guide" target="_top">Help</a>
</div></td>{{/name}} </tr>
<tr><td nowrap="nowrap" style="text-align:center">
<form method="post" action="--mhst--/cgi-bin/Hubsearch?ringsearch">
<input name="query"
onmouseover="window.status='Enter search text here'; return true"
onmouseout="window.status='.'; return true"
style="background-color:transparent;color:#000000;
font-weight:bold;font-size:15px;border-width:thin;
border-color:#000000;border-style:inset"
value="Type search text" onfocus="javascript:this.value=''"
type="text" size="18"
style="background-color:#ccffcc;color:#000000;height:25px;
font-size:15px;font-weight:bold" /><input type="submit"
style="background-color:#ffc0cb;color:#000000;height:25px;
font-weight:bold;font-size:15px"
onmouseover="window.status='Search Ring'; return true"
onmouseout="window.status='.'; return true"
name="Submit" value="Search" />
<input type="hidden" name="ring"
value="--ringid--" /></form> </td>
<td valign="top" style="vertical-align:top"><div
style="text-align:justify;font-family:arial,helvetica;
font-size:10px;color:#8b008b;vertical-align:top">
&bull; Site #++id++ Owner:<br />
&nbsp;&nbsp; <a target="_top"
title="Ring Site Owner's Profile"
onmouseover="window.status='Ring Site Owner`s Profile';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#006400;background-color:transparent;
background:url(none)"
href="--rm_mid--/profile?y=++yid++">++yid++</a>
</div></td> </tr>
<tr><td style="white-space:nowrap;
text-align:center" colspan="2" align="center"
style="text-align:center">
<span style="font-weight:bold;font-size:13px;
font-family:arial,helvetica;color:#000000"> <a
onmouseover="window.status='One Back';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--nurl--?ring=--ringid--&id=++id++&prev" title="One Back"
target="_top">One Back</a> | <a title="One Ahead"
onmouseover="window.status='One Ahead';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&next"
target="_top">One Ahead</a> |
<a style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&sprev"
title="Two Back"
onmouseover="window.status='Two Back';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
target="_top">Two Back</a> | <a title="Two Ahead"
onmouseover="window.status='Two Ahead';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&skip"
target="_top">Two Ahead</a>
| <a title="The Hub"
onmouseover="window.status='The Hub';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&hub"
target="_top">The Hub</a> <br /> <a
onmouseover="window.status='Randomizer';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
title="Randomizer"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&random"
target="_top">Randomizer</a> | <a
onmouseover="window.status='Previous List';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
title="Previous List"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&prev5"
target="_top"> Previous List</a>
| <a title="Next List"
onmouseover="window.status='Next List';
this.style.color='#0000ff'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--gurl--?ring=--ringid--&id=++id++&next5"
target="_top"> Next List </a>
| <a title="Forum"
onmouseover="window.status='Forum';
this.style.color='#ff0000'; return true"
onmouseout="window.status='.';
this.style.color='#000000'; return true;"
style="color:#8b008b;background-color:transparent;
background:url(none)"
href="--furl--?forum=--ringid--"
target="_top"> Forum </a>
| <a title="Join Ring"
onmouseover="window.status='Join Ring';
this.style.color='#ccffcc';
this.style.background='#006400'; return true"
onmouseout="window.status='.';
this.style.color='#006400';
this.style.background='#ccffcc';return true;"
style="color:#006400;background-color:transparent;
background:url(none)"
href="?ring=&addsite" target="_top"><span
style="font-style:italic;font-weight:bold"> Join Ring
</span></a></span></td></tr></table>
</td></tr></table></td></tr></table><br />