PaxLamprey's Nexus: WebRing Navbar Templates

Menu

Basic Guide to Promotion Resources
Authors of Thieves World
TrekBadged
WebRing Navbar Tags
Ring List
Site Map

Jump Portals

Blogger Jump Portal
PBeM Jump Portal
Theives World Jump Portal
Adventure Quest Jump Portal

Navigation Bar Hints

Space: By putting a <p> immediately before and after the navbar code, you will create a space around your navbar in a navbar stack.

Colors: Find a hex code color map on your favorite search engine and open it in another window. That will give you more choices when picking colors for your navbar.

Brief Navigation

There are some types of rings that would work better with brief, or small, navigation symbols. Navbars for journals, blogs, and forums are examples. Here's a list of some widely used brief navigation symbols.

# = Ring hub or list
! or J = Join
? = Random Site
<, > = Next or Previous
<<, >> = Skip Next or Prev
<S, S> = Skip Next or Prev
<5, 5> = Next or Prev 5

Note: All navbar samples are live.

These templates are made for use on the "WebRing" system. Copy and paste the codes over the existing code for your navbar.

Please read instructions carefully; there may be some codes you will have to change.

These codes are set up to work with your ring, so if you copy/paste the code on your navbar editor, your ring's title will appear. You will set your own colors through the "Navigation Code" control panel. Your navbar will not be exactly like the examples.

<center><table border="2" width="300" cellpadding="2" cellspacing="0" bordercolor="--navolcolor--" bgcolor="--navbgcolor--"><tr><td nowrap> <table border="0" cellpadding="1" cellspacing="0" bgcolor="--navbgcolor--" width="100%"><tr> {{!nologo}}{{navbarlogourl}}<td width="1%" nowrap><a href="--nurl--?ring=--ringid--" target="_top"><img src="--navbarlogourl--" {{navbarlogowidth}}width="--navbarlogowidth--"{{/navbarlogowidth}} {{navbarlogoheight}}height="--navbarlogoheight--"{{/navbarlogoheight}} alt="--title--" border="0"></a></td>{{/navbarlogourl}}{{!navbarlogourl}}<td width="1%" nowrap align=center valign=middle bgcolor="#ffffff"><a href="--nurl--?ring=--ringid--" target="_top"><img src="http://dir.webring.com/logo3.gif" alt="--title--" border=0></a></td>{{/!navbarlogourl}}{{/!nologo}} <td nowrap><table border="0" cellpadding="0" cellspacing="4" width="100%" align="center"><tr><td nowrap><font face="arial" color="--navtextcolor--"><b>--title--</b></font></td> {{name}}<td nowrap align="right"><font face="arial" size="-2" color="--navtextcolor--"> by <a href="--rm_mid--/profile?y=--ringmaster--"><font color="--navlinkcolor--">--ringmaster--</font></a></font></td>{{/name}} </tr> <tr><td nowrap colspan="2" align="center"><font face="arial" size="-1" color="--navtextcolor--"> [ <a href="--murl--?ring=--ringid--;addsite" target="_top"><font color="--navlinkcolor--" title="Join the Ring Now">Join</font></a> | <a href="--nurl--?ring=--ringid--;id=++id++;hub" target="_top"><font color="--navlinkcolor--" title="Ring Hub">Hub</font></a> | <a href="--gurl--?ring=--ringid--;id=++id++;random" target=_top><font color="--navlinkcolor--" title="Visit Random Site">Random</font></a> | <b><a href="--gurl--?ring=--ringid--;id=++id++;prev" target=_top title="Visit Previous Ring Site"><font color="--navlinkcolor--">< Prev</font></a> | </b><a href="--gurl--?ring=--ringid--&id=++id++&skip" target=_top title="Skip Next Ring Site"><font color="--navlinkcolor--">Skip Next >></font></a><b> | <a href="--gurl--?ring=--ringid--;id=++id++;next" target=_top title="Visit Next Ring Site"><font color="--navlinkcolor--">Next ></font></a></b> ] </font></td></tr> </table></td> </tr></table> </td></tr></table></center>

Galactic
[ Join \| Hub \| Random \| \| Skip Next >> \| Next > ]

Basic Style, Simple Upgrades. This is a basic WR navbar with a "Skip Next" link. The code for the searchbox and copyright have been removed (and cannot be used with this template). The code is centered. The background color will extend through the entire table and the border thickness has been increased. Mouse over hints have been added ("title" tag) to the links.

<div align="center"><center> <table border="1" width="300" cellpadding="0" cellspacing="0" bordercolor="--navolcolor--" bgcolor="--navbgcolor--"><tr><td> <table border="0" width="100%"><tr><td nowrap> <font face="arial" color="--navtextcolor--"><b>--title--</b></font> </td> {{name}}<td nowrap align="right"><font face="arial" size="-2" color="--navtextcolor--"> by <a href="--rm_mid--/profile?y=--ringmaster--" target="_top" title="Ring Manager's Profile"><font color="--navlinkcolor--">--ringmaster--</font></a></font></td>{{/name}} </tr></table> </td></tr> <tr><td> <table border="0" width="100%"><tr> {{!nologo}}{{navbarlogourl}}<td width="1%" nowrap><a href="--nurl--?ring=--ringid--" target="_top"><img src="--navbarlogourl--" {{navbarlogowidth}}width="--navbarlogowidth--"{{/navbarlogowidth}} {{navbarlogoheight}}height="--navbarlogoheight--"{{/navbarlogoheight}} alt="--title--" border="0"></a></td>{{/navbarlogourl}}{{!navbarlogourl}}<td width="1%" nowrap align=center valign=middle bgcolor="#ffffff"><a href="--nurl--?ring=--ringid--" target="_top"><img src="http://dir.webring.com/logo3.gif" alt="--title--" border=0></a></td>{{/!navbarlogourl}}{{/!nologo}} <td nowrap align="center"><font face="arial" size="-1" color="--navtextcolor--"> [ <a href="--murl--?ring=--ringid--;addsite" target="_top" title="Join the Ring"><font color="--navlinkcolor--">Join Now</font></a> | <a href="--nurl--?ring=--ringid--;id=++id++;hub" target="_top" title="Ring's Index"><font color="--navlinkcolor--">Ring Hub</font></a> | <a href="--gurl--?ring=--ringid--;id=++id++;random" target=_top title="Visit Random Site"><font color="--navlinkcolor--">Random</font></a> | <b><a href="--gurl--?ring=--ringid--;id=++id++;prev" target=_top title="Visit Previous Site"><font color="--navlinkcolor--">< Prev</font></a> | <a href="--gurl--?ring=--ringid--;id=++id++;next" target=_top title="Visit Next Site"><font color="--navlinkcolor--">Next ></font></a></b> ] <hr width="75%" color="--navolcolor--"> [ <a href="--nurl--?ring=--ringid--&id=++id++&prev5" target="_top" title="Previous Group"><font color="--navlinkcolor--"><< Prev 5</font></a> | <a href="--nurl--?ring=--ringid--&id=++id++&next5" target="_top" title="Next Group"><font color="--navlinkcolor--">Next 5 >></font></a> | <a href="--gurl--?ring=--ringid--&id=++id++&sprev" target=_top><font color="--navlinkcolor--" title="Skip Previous Site"><< Skip Prev</font></a> | <a href="--gurl--?ring=--ringid--&id=++id++&skip" target=_top title="Skip Next Site"><font color="--navlinkcolor--">Skip Next >></font></a> ] </font> </td></tr></table> </td></tr></table> </center></div>

Cy Fy Pulse : SciFi And Fantasy

by paxlamprey

[ Join Now | Ring Hub | Random | | Next > ]

[ < | Next 5 >> | < | Skip Next >> ]

Three Level, Heavy Navigation Upgrades. This navbar features many navigation options, insuring that the ring can be efficiently navigated. Can be used with or without logo and ringmaster name (as chosen on the control panels). Searchbox and copyright have been cut out (and cannot be used). Title tags have been added. Recommended for rings with 30 or more sites.

<div align="center"><center> <table border="1" cellpadding="0" cellspacing="0" width="204" bgcolor="--navtextcolor--" bordercolor="--navtextcolor--"><tr><td> <div align="center"><center> <table border="1" cellspacing="2" cellpadding="3" width="200" bgcolor="--navbgcolor--" bordercolor="--navolcolor--"> <tr><td align="center" nowrap> <font color="--navtextcolor--" size="2" face="Tahoma, arial"><strong>--title--</strong></font> {{name}} <font color="--navtextcolor--" size="1" face="Tahoma, arial">by <a href="--rm_mid--/cgi-bin/profile?y=--ringmaster--" title="Ring Manager's Profile"> <font color="--navlinkcolor--">--ringmaster--</font></a></font> {{/name}} </td></tr><tr><td> <div align="center"><center> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> {{!nologo}}{{navbarlogourl}}<td width="1%" nowrap><a href="--nurl--?ring=--ringid--" target="_top"><img src="--navbarlogourl--" {{navbarlogowidth}}width="--navbarlogowidth--"{{/navbarlogowidth}} {{navbarlogoheight}}height="--navbarlogoheight--"{{/navbarlogoheight}} alt="--title--" border="0"></a></td>{{/navbarlogourl}}{{!navbarlogourl}}<td width="1%" nowrap align=center valign=middle bgcolor="#ffffff"><a href="--nurl--?ring=--ringid--" target="_top"><img src="http://dir.webring.com/logo3.gif" alt="--title--" border=0></a></td>{{/!navbarlogourl}}{{/!nologo}} <td align="center" colspan="2" width="100%" nowrap> <a href="--gurl--?ring=--ringid--&id=++id++&prev" target="_top" title="Previous Site"> <font color="--navlinkcolor--" size="2" face="Tahoma"><strong><< Prev</strong></font></a><font size="2" face="Tahoma"></font><font color="--navtextcolor--" size="2" face="Tahoma">|</font><font size="2" face="Tahoma"> </font><a href="--gurl--?ring=--ringid--&id=++id++&next" target="_top" title="Next Site"><font color="--navlinkcolor--" size="2" face="Tahoma"><strong>Next >></strong></font></a><font size="2" face="Tahoma"><br> </font><a href="--gurl--?ring=--ringid--&id=++id++&sprev" target="_top" title="Skip Previous Site"><font color="--navlinkcolor--" size="2" face="Tahoma"><strong><< Skip P</strong></font></a><font size="2" face="Tahoma"> </font><font color="--navtextcolor--" size="2" face="Tahoma">|</font><font size="2" face="Tahoma"> </font><a href="--gurl--?ring=--ringid--&id=++id++&skip" target="_top" title="Skip Next Site"><font color="--navlinkcolor--" size="2" face="Tahoma"><strong>Skip N >></strong></font></a> </td></tr></table> </center></div> </td></tr> <tr><td align="center" colspan="3"><font color="--navtextcolor--" size="2" face="Tahoma">[</font><font size="2" face="Tahoma"> </font><a href="--murl--?ring=--ringid--&addsite" target="_top" title="Join --title--"><font color="--navlinkcolor--" size="2" face="Tahoma">Join</font></a><font size="2" face="Tahoma"> </font><font color="--navtextcolor--" size="2" face="Tahoma">|</font><font size="2" face="Tahoma"> </font><a href="--nurl--?ring=--ringid--&id=++id++&hub" target="_top" title="--title--'s Hub"><font color="--navlinkcolor--" size="2" face="Tahoma">Ring Hub</font></a><font size="2" face="Tahoma"> </font><font color="--navlinkcolor--" size="2" face="Tahoma">|</font><font size="2" face="Tahoma"> </font><a href="--gurl--?ring=--ringid--&id=++id++&random" target="_top" title="View Random Site"><font color="--navlinkcolor--" size="2" face="Tahoma">Random</font></a><font size="2" face="Tahoma"> </font><font color="--navtextcolor--" size="2" face="Tahoma">]</font> </td></tr></table> </center></div> </td></tr></table> </center></div>

Westlands Tower : Ring of Fantasy by paxlamprey

<| Next >>
< | Skip N >>

[ Join | Ring Hub | Random ]

Three Level, Medium Navigation Upgrades. This navbar has extended navagation options. It is done in Tahoma font. Logo and RM profile link are optional as set on the WebRing control panels. Search and WebRing copyright cannot be used with this navbar. There is an added outer border that will take on the color of the text as chosen in the WebRing control panel.

<div align="center"><center> <table border="0" cellpadding="1" cellspacing="0" width="300" bgcolor="--navbgcolor--" bordercolor="--navbgcolor--"><tr><td> <table border="1" cellpadding="2" cellspacing="1" width="300" bgcolor="--navbgcolor--" bordercolor="--navbgcolor--"><tr> {{!nologo}}{{navbarlogourl}}<td align="center" rowspan="3" bordercolor="--navolcolor--"> <a href="--nurl--?ring=--ringid--" target="_top"><img src="--navbarlogourl--" {{navbarlogowidth}}width="--navbarlogowidth--"{{/navbarlogowidth}} {{navbarlogoheight}}height="--navbarlogoheight--"{{/navbarlogoheight}} alt="--title--" border="0"></a></td>{{/navbarlogourl}}{{!navbarlogourl}}<td align="center" rowspan="3" bordercolor="--navolcolor--"><a href="--nurl--?ring=--ringid--" target="_top"><img src="http://dir.webring.com/logo3.gif" alt="--title--" border=0></a></td>{{/!navbarlogourl}}{{/!nologo}} <td bgcolor="--navtextcolor--" nowrap width="100%" bordercolor="--navolcolor--"><font color="--navbgcolor--" size="3" face="MS Sans Serif, Arial"><strong>--title--</strong></font></td> {{name}} <td align="right" nowrap bordercolor="--navolcolor--"><font color="--navtextcolor--" face="MS Sans Serif" size="-2"> by </font><a href="--rm_mid--/profile?y=--ringmaster--" title="Ring Manager's Profile"> <font color="--navlinkcolor--" face="MS Sans Serif" size="-2">--ringmaster--</font></a></font></td>{{/name}} </tr><tr><td align="center" colspan="2" nowrap bordercolor="--navolcolor--"> <font color="--navtextcolor--" size="2" face="MS Sans Serif">[ </font><a href="--gurl--?ring=--ringid--&id=++id++&prev" target="_top" title="Previous Site"> <font color="--navlinkcolor--" size="2" face="MS Sans Serif"><strong>< Previous</strong></font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> | </font><a href="--nurl--?ring=--ringid--&id=++id++&hub" target="_top" title="Ring Hub"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">Hub</font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> | </font><a href="--gurl--?ring=--ringid--&id=++id++&random" target="_top" title="Random Site"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">Random</font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> | </font><a href="--murl--?ring=--ringid--&addsite" target="_top" title="Join --title--"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">Join Now</font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> | </font><a href="--gurl--?ring=--ringid--&id=++id++&next" target="_top" title="Next Site"><font color="--navlinkcolor--" size="2" face="MS Sans Serif"><strong>Next ></strong></font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> ]</font> </td></tr> <tr><td align="center" colspan="2" bordercolor="--navolcolor--" nowrap> <font color="--navtextcolor--" size="2" face="MS Sans Serif">[ </font><a href="--gurl--?ring=--ringid--&id=++id++&sprev" target="_top" title="Skip Previous"><font color="--navlinkcolor--" size="2" face="MS Sans Serif"><< Skip Prev</font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> | </font> <a href="--gurl--?ring=--ringid--&id=++id++&skip" target="_top" title="Skip Next"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">Skip Next >></font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif"> | </font><a href="--nurl--?ring=--ringid--&id=++id++&next5" target="_top" title="Next Group"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">Next 5 >></font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif">  | </font><a href="--furl--?forum=--ringid--" target="_top" title="--title-- Forums"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">Forums</font></a><font color="--navtextcolor--" size="2" face="MS Sans Serif">  ]</font></td> </tr></table>  <center><table border="1" cellpadding="1" cellspacing="1" width="100%" bgcolor="--navbgcolor--" bordercolor="--navbgcolor--" align="center"><tr> <td align="center" bordercolor="--navolcolor--"> <font face="MS Sans Serif, arial" size="2" color="--navtextcolor--">[ Featured Site: </font><font color="--navlinkcolor--" size="2" face="MS Sans Serif">--fs_site1url--</font> <font face="MS Sans Serif, arial" size="2" color="--navtextcolor--"> | </font> <a href="--gurl--?ring=--ringid--&amp;amp;id=--rmsite--&amp;amp;go" target="_top" title="Ring Manager's Site"><font color="--navlinkcolor--" size="2" face="MS Sans Serif">--ringmaster--'s Site</font></a> <font face="MS Sans Serif, arial" size="2" color="--navtextcolor--"> ] </font> </tr></td></table></center>   {{nosearch}}{{!nocopy}} <center><table border="1" cellpadding="1" cellspacing="1" width="100%" bgcolor="--navbgcolor--" bordercolor="--navbgcolor--" align="center"><tr> <td align="center" bordercolor="--navolcolor--"> <font face="arial" size="-2" color="--navtextcolor--">© 2001-2005 WebRing Inc. - <a href="http://www.webring.com/help" title="WebRing Help" target="_top"><font color="--navlinkcolor--">Help</font></a> - <a href="http://www.webring.com" title="WebRing Home Page" target="_top"><font color="--navlinkcolor--">Browse WebRing</font></a></font></td></tr></table></center>{{/!nocopy}}{{/nosearch}}{{!nosearch}}<center><table border="1" cellpadding="1" cellspacing="1" width="100%" bgcolor="--navbgcolor--" bordercolor="--navbgcolor--"><tr><FORM method="POST" ACTION="http://s2.webring.com/cgi-bin/hubsearch?ringsearch"><td align="center" bordercolor="--navolcolor--"><font face="arial" size="-1"> <input name="query" type="TEXT" size="17"><input type="SUBMIT" name="Submit" value="Search"><select name="SearchType"><option value="--ringid--">Ring</option><option value="All">WebRing</option></select><input type="hidden" name="Method" value="and" checked><input type="hidden" name="RingDesc" value=on checked><input type="hidden" name="Keywords" value=on checked></font>{{!nocopy}}<font face="arial" size="-2" color="--navtextcolor--"><br>© 2001-2005 WebRing Inc. - <a href="http://www.webring.com/help" target="_top" title="WebRing Help"><font color="--navlinkcolor--">Help</font></a> - <a href="http://www.webring.com" target="_top" title="WebRing Home"><font color="--navlinkcolor--">Browse WebRing</font></a>{{/!nocopy}}</font> </td></form></tr></table></center>{{/!nosearch}}  </td></tr></table> </center></div>

	Speculative Fiction Resources	by paxlamprey
	[ \| Hub \| Random \| Join Now \| Next > ]
	[ < \| Skip Next >> \| Next 5 >> \| Forums ]

[ Featured Site: Fantasy Herald | paxlamprey's Site ]

The Kitchen Sink: The following features can be activated/ deactivated on the WebRing navbar control panel: Ring Manager profile link, search box, copyright, and logo. Code contains instructions for removing the Forums link, and the Feature Site/ RM's site link, and the code for the search box and copyright. Colors can be set on the control panel.

To use this navbar effectively, the Ring Manager must designate a site as a Ring Manager's site. This is done from the site's "Edit Site's Information" page by checking the "Use this page as my RingMaster web site" box. Also, in order for the Forums site to work, the ring's forums have to activated from the "Global Settings" link. Lastly, if the Feature Site link is to work, then a Featured site has to be designated. Use the "Don't Track Featured Sites" option to feature sites for free.