[Yetinsyny Ring]

Generic Coding Samples

----------------------------------------------------------------

The following are "generic" code samples that you can use to add ringcode to your pages. A copy of the codes used is found on a netringsamples.txt file, which you can copy for your own use. You can also design your own variations as well, see the NetRing Codes page for details. The bare minimum that I need for a ringcode on your page (regardless of the ring) is a home link and either a list or a random link.

Adapting the Codes

To use these codes you need to copy the appropriate example from netringsamples.txt and then replace the various place markers with ones appropriate to that of your ring site. The place markers used are:

***RING NAME*** The proper name of the net ring.
***RING ID*** The ring identification code used in links.
***SITE ID*** The site identification number of your site.
***OWNER NAME*** Your name.
***SITE EMAIL*** The email address you wish to use.

For example, if your name was Jessica Hill, your email was [email protected] and you had just joined the Life Experience ring and your site ID was 12, then you would replace...

***RING NAME*** with Life Experience;
***RING ID*** with life_experience;
***SITE ID*** with 12;
***OWNER NAME*** with Jessica Hill; and
***SITE EMAIL*** with [email protected].

If you use a RingCode that uses the graphic, you will need to copy it and then upload it to your site. You cannot use a direct link to any of the graphics on this site, as the webspace provider replaces any such graphics with its own advertising.

All examples shown below are surrounded by a white boarder. This boarder is not actually part of the RingCode and doesn't appear in the netringsamples.txt, it is merely there to clarify what the code looks like. They are grouped together by use of an enclosing one-cell table, to enable you to position the codes easier as one group.

Text Only

The following two ringcodes use only text links, no graphics.

Text Strip

This sort of ringcode is very popular with some page designers. It takes up a minimum of space. You can fit quite a number of these to a page.

<-    ��    ��    ***RING NAME***    ??    ��    ->
Powered by RingSurf!

Text Block

A verbose version of the above, this adds your name and email address. You can vary the size of the size of the table by adding a width="width" after the align="center" attribute.

This ***RING NAME*** site is owned by
***OWNER NAME***.
    PrevPrev 5ListRandNext 5Next
    Powered by RingSurf!

Standard Graphics

The graphics used in following codes are ringicon.gif (50x50 pixels), ringprev.gif (50x50 pixels), ringnext.gif (50x50 pixels), ringbutton.gif (116x50 pixels), and ringlogo.gif (150x150 pixels). Each is the same size as the equivalent graphic for each ring. Instead of using these sample graphics, you need to use the appropriate one for the ring (which is listed on each ring's code page).

To continue with the above example, as you are making code for the Life Experience ring, you would replace ringicon.gif with leicon.gif, ringprev.gif with leprev.gif, ringnext.gif with lenext.gif, ringbutton.gif with lebutton.gif, and ringlogo.gif with lelogo.gif.

Icon

This ringcode gives a result that looks a lot like another ring provider, doesn't it? Designed to be inserted into a whole list of those others, without anyone noticing. You will need to substitute the ring icon for ringicon.gif.

To change the surrounding background colour, alter the bgcolor="#ffccff" attribute in the table definition.

Buttons

There are two variations on this -- vertical and horizontal, though there is only one code listed in netringsamples.txt. You will need to substitute the ring button for ringbutton.gif.

Ring Home Page
� Prev | Next �
List | Random
Powered by RingSurf!
Ring Home Page � Prev | Next �
List | Random
Powered by RingSurf!
 
 
 
 
 

The Horizontal code is a variation of the Vertical , and is created by giving the button graphic an attribute of align="left" and deleting the <BR> after it.

Previous & Next

This ringcode is similar to the Text Block code and uses graphics for the previous and next links. You will need to substitute the ring prev and next graphics for ringprev.gif and ringprev.gif (or you can just use ringprev.gif and ringnext.gif if you prefer).

This ***RING NAME*** site
is owned by ***OWNER NAME***.
Prev 5ListRandNext 5 ]
Powered by RingSurf!

Simple Logo

This uses the Ring's logo for display. You will have to replace ringlogo.gif with the ring logo graphic instead.

[Feral Wombats Home Page]
Previous Next
Index Random

Kitchen Sink Logo

This is everything you can put on a link (I have these on each Ring Home Page)!

Previous

Skip Prev 5

List Prev 5

[***RING NAME***]