Ringlink :: Examples Demoring

Introduction:

This is a Ringlink powered Webring that not only highlights examples of what you can do with your webring's Home Page, but more importantly highlights the examples of this Webring's Navpanel as redesigned and recreated by various Ringmasters. To join this Webring you need to be a Ringmaster who will either:

Join the Examples Demoring, setup a separate page on your website, and then display on that page your example/s of what this Webring's Navpanel could or should look like.
These examples can be as simple or as complicated as you wish to make them, there being no restrictions as to the design, the graphic/s used, and/or the language used (Swedish, French, German, or...). You then might also include a short explanation on or about your example/s, an example of this Ring's Join Form, and/or even an entire Home Page as redesigned by yourself.
Join the Examples Demoring, and then place one of this ring's many navpanels or your customized version of it, on your Ringlink Webring's Home Page.
Not to be confused with a Ringlink System's Home Page. Ringlink Systems are listed in the Ringlink Systems Directory.

Please Note:
The Examples Demoring is still new and building. It may be a while before many more Example related websites join the ring, so visit us often for updates. This Webring is created primarily to help new Ringlink Ringmasters get a better idea of what they can do when setting up a Webring powered by the Ringlink Program.

Click on the Navpanel Links below to see the various Examples:

_____________ ____________

Examples
Demoring

Want to Join?

A Minimal HTML Code Example:

<< PREV	Examples Demoring	NEXT >>
——— [Prev 5] [ListSites] [Random] [Next 5] ———

The above are Examples only!
You can Resize them, Customize them,
Replace the Pictures, or do what
ever else you wish with them, so that
they better fit in with your website!
You must however retain these 4 links:

(Previous, Next, Random Sites, and List Sites)

_____________ ____________

Link and Background Colors:

When designing your webring's navpanel, it is important to use the style attribute for all Links, and to specify the background color within all <TABLE>, and <TD> tags!!
Link Example: <a target="_top" style="color:#cc00cc; text-decoration: none" href="http://YOUR_DOMAIN/YOUR_SYSTEM/prev[siteid]">Previous</a>
<TD> Example: <td style="background-color: #ff9933; width: 100%"></td>
If you do not do so, the colors you use for your navpanel's links and background colors will be overwitten by all member websites that use style sheets!!

For example:
If you had a webring page, and you wanted all the navpanels displayed on that page (whether JavaScript or HTML generated) to have a black background and lime text, you would enter the following on your style sheet, or within the style section within the head part of your web page:
table {background: #000000; color: #00ff00}
td {background: #000000; color: #00ff00}
All the navpanels would then have a black background and lime text, except those that were using the style attribute within the TD/TABLE tags, and were specifying a background color other than black and a text color other than lime.

_____________ ____________

Yes! I would like to Join

the Examples Demoring,

and this is my Information:

Warning for Ringmasters: If you hard code these forms on your home or join pages, they may not work properly when the system manager upgrades to the latest version of the Ringlink program. So, when notified of a system upgrade, it is best to test all your hard coded forms (Ringlink recommends that you link to these forms within the system, and do not hard code them on your join or home pages).

Above Form's HTML code:

<form method="post" action="http://www.YourDomain.com/cgi-bin/ringlink/newsite.pl"> <input name="sitetitle" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Type the Title of your Web site here" size="30" /><br /><p />

<input name="wmname" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Type your Name here" size="18" /><br /><p />

<input name="wmemail" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Type your E-Mail Address here" size="26" /><br /><p />

<input name="siteid" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Name you would like to use as your Site ID" size="36" /><br /><p />

<input name="entryURL" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Type the Home Url of your Web site here" size="35" /><br /><p />

<input name="codeURL" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Url of where you will place the HTML code" size="36" /><br /><span color="#999999" size="-1"><b>(Delete all text, and leave blank if same as the Home URL)</b></span><br /><p />

<input name="sitepw" type="text" style="background:#d9eafb; color:#0031C6; font-weight:bold" value="Type your Password here" size="22" /><br /><p />

<textarea name="keywords" style="background:#d9eafb; color:#0031C6; font-weight:bold" rows="5" cols="45">Type up to 20 Keywords to best Describe your Web site here</textarea><br /><p />

<textarea name="sitedesc" wrap="soft" style="background:#d9eafb; color:#0031C6; font-weight:bold" rows="6" cols="50">Type a short Description of your Web site here</textarea><br /><p />

<input type="hidden" name="ringid" value="YourRingID" /> <input type="hidden" name="pw" value="" /> <input type="hidden" name="routine" value="New site" />

<input type="reset" value="Reset" style="background:#d9eafb; color:#ff0000; font-weight:bold" align="left" /><a href="http://www.YourDomain.com/ringlink/"><img src="/img/YourImage.gif" width="156" height="93" hspace="20" border="0" align="absmiddle" alt="Demo Ringlink Home Page" /></a><input type="submit" value="Submit" name="submit" style="background:#d9eafb; color:#006600; font-weight:bold" align="right" /></form>

View the Standardized Version of this Form

_____________ ____________

AOL Members must use Online Mail to
correctly view the HTML fragment.

Or to get the Specific
HTML Fragment for your Website:

Note: If you download and store copies of the images demoringleft.gif and demoringright.gif in the same directory as the web page where you have placed this ring's HTML code Navpanel, then you do not need to make *any* changes in the HTML code for this webring. However, if you store the images in a directory other than the directory where you have placed the web page on which this ring's Navpanel is displayed, you will then have to change the path to the images in the HTML code of the Navpanel.

For Example: If you placed the 2 images in a directory named img, you would then have to alter the path in the HTML code as shown in red below:

<img src="/img/demoringleft.gif"
<img src="/img/demoringright.gif"

<form method="post" action="http://www.YourDomain.com/ringlink/siteadmin.pl"> <span color="#006600"><b>Enter your Website ID: </b></span><input type="text" name="siteid" size="8" style="background:#d9eafb; color:#006600; font-weight:bold" /><br /> <span color="#006600"><b>Enter your Password: </b></span><input type="password" name="pw" size="10" style="background:#d9eafb; color:#006600; font-weight:bold" /><br /><p /> <input type="submit" name="routine" value="Get code" style="background:#d9eafb; color:#006600; font-weight:bold" /><br /><p />

<input type="submit" name="routine" value="Edit site" style="background:#d9eafb; color:#006600; font-weight:bold" /> <input type="submit" name="routine" value="Remove site" style="background:#d9eafb; color:#ff0000; font-weight:bold" /><br />

<input type="hidden" name="ringid" value="YourRingID" /></form>

View the Standardized Version of this Form

_____________ ____________

Tips and Tricks:

Visit the Examples Demoring Customizations Page, and see examples of how this web ring's forms were customized, message templates for the ringmaster were created, the ringmaster's task list, and this Ringlink system's Terms of Service template which can also be adapted for use by the any of this Ringlink system's member ringmasters (Feel free to use any of these templates).
Have your ring's requirements clearly articulated and displayed on a separate page, with all new members going to this page when they click the link to 'Join' your ring.
A great example of such a page would be here!!
This will save you endless grief in the long run, and also reassure your members that you indeed manage a very reliable webring. :-)
The Ringlink program uses style sheets, so to force your use of the background color within the td tags you have to use the style attribute like this:

<td style="background-color: #000099">

or to make it override a possible background image:

<td style="background: #000099">
To force the use of your Link colors within the Navpanel you need to use the span tags within the link tags like this:

<a href="http://www.ringlink.org/"><span style="color: #FFFF00"> Ringlink </span></a>

or doing it with <style> as demonstrated in this example by Dave:

<table bgcolor="#ebf2fd">
<tr><td><img src=blah.gif /></td></tr><style></style><tr><td align="center">
<a style="text-decoration:none" target="_top" href="">Previous</a> |
<a style="text-decoration:none" target="_top" href="">Join/Info</a> |
<a style="text-decoration:none" target="_top" href="">Random</a> |
<a style="text-decoration:none" target="_top" href="">List Sites</a> |
<a style="text-decoration:none" target="_top" href="">Next</a></td></tr>
<tr><td align="center" style="text-decoration:none;color:ffff00">
This Blah Webring site is owned by
<a style="text-decoration:none" href="mailto:curio@blah.net">CURIO</a></td></tr></table>

Previous | Join/Info | Random | List Sites | Next

This Blah Webring site is owned by CURIO
You should advise new members that if they store copies of the image/s used in your ring's Navpanel in a directory other than the directory where they have placed the web page on which the ring's Navpanel will be displayed, that they will then have to change the path to the image/s in the HTML code of the Navpanel. An example of which might be:



You should also include these comments concerning your ring's Navpanel image/s on all the other forms you can customize within the Ringlink program. For an example of this please visit the Examples Demoring Customizations Page, and see examples of how this ring's forms were customized to include a comment concerning this ring's images.
One of the best ways to make your webrings known to a broader audience is to have them registered in the Open Directory Project.
Many of the big general search engines and web directories, such as AOL Search, Netscape Search, Google, Lycos, DirectHit, and HotBot, are updating their directories with the ODP information.

Newsgroups in general are also a great way to announce web resources like webrings. There are several services which offer webbased access for a fee, but one service that offers free access is http://newsone.net/.

Even if there are not appropriate newsgroups for all webrings, I am convinced that the owners of most webrings with at least some focus can find one or more suitable newsgroups for announcing their rings.

Note: If you are running a Ringlink ring, do not forget to have it listed in the Ringlink Webring Directory.
Have you finally become a Ringlink ringmaster? Or have you started the move of your ring/s, from WebRing or RingSurf to Ringlink?

If you do it is best to chose to establish a separate domain name for your ring. One advantage with doing so is that it is easy to move the ring to some other web server if necessary, without a need for the members to change the HTML code at their sites. Another advantage is that it will give your ring homepage, and with that the ring, a lot of exposure.

A Great Example of this would be the Quotation Ring.
To that ring's List Page.

The HTML fragment for this ring includes four links, which means that every member site will have at least four links to the domain www.quotationring.net. Not bad, is it? It will as a result greatly improve the rank for this ring's homepage with most search engines! :-)

This script can be useful for people who move their Ringlink installation to a new server with a different domain name.

Looking for a Ringlink savvy web host for your new Ringlink webring system? We suggest Gunnar's Hosting (Gunnar being the creator of the Ringlink program).
With Ringlink 2.5 and the new feature for ring statistics, it is important that all your navpanel links are links that go through the Ringlink program (example using "...home.pl?ringid=..." instead of the url for your website). This way the ring's statistics will be a true reflection of the traffic generated and received by each member website in your ring!
Want to make some changes in the presentation language?
Where the screen says "Ring", would you rather say "WebRing", and...... The new Language Translation feature allows you to do so with little effort! :) For an example James has created a language translation file using the POT file as a model. His language is English. His file is named en.po. It is a CUSTOM translation into HIS English, and can be seen here.