European History: Ring HTML Codes

European History Web Collection
Web Ring Navigation Panel Code/Fragment Page

Ring Mistress: Schoolmarm

This is the most important step in becoming a member of the ring. Once completed the Ring Mistress can offically add your site to the ring and your navigation panel should work properly if the directions are followed below.
The addition of the HTML fragment is for the most part an easy excercise in copy and paste. You have the choice between the several styles / sizes of control panel (shown below) The ring's logo (with a link to the ring's homepage) and navigation bar must be clearly posted on your page. After you make your choice,

Download the logo to your own hard drive, usually a right click on a PC with the mouse over the graphic will bring up the dialog box for you to save the ring's logo. (Please do not steal bandwith by linking to the graphics here.) Also, make sure that you place the graphic in the same directory as your page or you will have to edit the code to reflect the new location.
Then just select the HTML text shown below the control panel of your choice and copy it. I am assuming that you are already familiar with the procedure of copy and paste. If my assumption is incorrect, please refer to the Webring Help & FAQ Pages. If you still have problems, contact the Ringmaster for specific instructions and help.
Then, the most important part, you must customize the purple highlighted HTML with your site information. Type in your name or site name SITE NAME, e-mail address SITE EMAIL and your site ID# where indicated after you paste the fragment on your page. Your site ID must replace the SITE ID or the navigation links will not work properly.

Example Code: All Links Need to be Modified - Except: List, Join, & Home Links
"http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next" target="_top"
If your site ID is 23, then you would modify the code to look like this:
"http://www.ringsurf.com/netring?ring=eurohist;id=23;action=next" target="_top" (Easy, isn't it?)

**(The Navigation Panel shown below is fully functional and customized for this site. The other choices are examples only. The HTML fragment code below each example will require modification for your site and will be fully functional after the purple highlighted portions are customized and pasted on your page.)
[Choice A] Traditional With A Nice Search Feature Included

Site Name
is a Proud Member of the
European History Web Collection

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

--------Choice A: HTML Fragment-Copy and Paste Begining with the next line---------

<FORM action="http://www.ringsurf.com/ringsearch" method="POST" TARGET="_top"> <INPUT type="hidden" name="searchwhat" value="eurohist"> <DIV align="center"> <CENTER> <TABLE border="1" cellpadding="0" cellspacing="0" bordercolor="#000080" bordercolordark="#000000" bordercolorlight="#000080"> <TR> <TD> <A href="http://www.ringsurf.com/netring?ring=eurohist;action=home" target="_top"><IMG src="eurologo2.jpg" alt="Click here for more Info about the European History Web Collection" border="0" width="110" height="98"></A></TD> <TD valign="top"> <A href="mailto:Your Email Address">
Site Name</A> is a Proud Member of the <A href="http://www.ringsurf.com/netring?ring=eurohist;action=home" target="_top">European History Web Collection</A>
 <INPUT type="text" size="20" name="query">
<INPUT type="submit" value="Search Ring"></TD> <TD>
<A href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next" target="_top"><IMG src="euronext.gif" alt="Visit the Next European History Site" border="0" width="110" height="98"></A></TD> </TR> <TR> <TD colspan="3"> [ <A href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev5" target="_top">Prev 5</A> ] [ 
<A href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev" target="_top">Prev</A> ] [ <A href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=skip2" target="_top">Skip Next</A> ] [ <A href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next5" target="_top">Next 5</A> ] [ 
<A href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=rand" target="_top">Random</A> ] [ <A href="http://www.ringsurf.com/netring?ring=eurohist;action=list" target="_top">List</A> ] [ <A href="http://www.ringsurf.com/netring?ring=eurohist;action=home" target="_top">Join</A> ]</TD> </TR> </TABLE> </CENTER> </DIV> </FORM>

--------------------------End Copy and Paste above this line--------------------------
[Choice B] Classic

List Prev 5
Previous
Random Site
List All

List Next 5
Next
Skip Next 5
Join!

Your Name is a proud member of the
European History Web Collection

--------Choice B: HTML Fragment-Copy and Paste Begining with the next line---------

<form action="http://www.ringsurf.com/ringsearch" method="POST" TARGET="_top"> <input type="hidden" name="searchwhat" value="eurohist"><div align="center"><center><table border="1"> <tr> <td align="center">
<a href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev5" TARGET="_top">List Prev 5</a>
<a href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev" TARGET="_top">Previous</a> 
<a href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=rand" TARGET="_top">Random Site</a> <a href="http://www.ringsurf.com/netring?ring=eurohist;action=list" TARGET="_top">List All</a> </td> <td><a href="http://www.ringsurf.com/netring?ring=eurohist;action=home"><img src="eurologo3.gif" alt="European History Web Collection - Click here for Info" border="0" width="111" height="165"></a></td> <td align="center">
<a href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next5" TARGET="_top">List Next 5</a>
<a href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next" TARGET="_top">Next</a> 
<a href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=skip5" TARGET="_top">Skip Next 5</a>
<a href="http://www.ringsurf.com/netring?ring=eurohist;action=home" TARGET="_top">Join!</a>
</td> </tr> <tr> <td align="center" colspan="3"><input type="text" size="20" name="query"> <input type="submit" value="Search Ring"> </td> </tr>
<tr> <td align="center" colspan="3"><table border="0" width="100%"> <tr> <td colspan="3"><a href="mailto:Your Email Address">
Your Name</a> is a proud member of the 
<a href="http://www.ringsurf.com/netring?ring=eurohist;action=home" TARGET="_top">European History Web Collection</a> </td> </tr> </table> </td> </tr> </table> </center></div> </form>

--------------------------End Copy and Paste above this line--------------------------

[Choice C] Interchangeable Logo: Just choose which graphic you prefer for this panel. If you choose the alternate "eurologo4", Make sure that you change the <IMG SRC="eurologo5.gif"> to reflect the proper name of the graphic. Graphic size will remain the same.

This European History Site
is owned by Your Name
If you would like to join this ring
Click Here

[Prev 5] [Prev] [Next] [Random] [Next 5] [List]

European History Web Collection Logo 4
Alternate Logo
--------Choice B: HTML Fragment-Copy and Paste Begining with the next line---------

<CENTER> <TABLE BORDER="4" CELLPADDING="2" ALIGN="Center"> <TR> <TD> <A HREF="http://www.ringsurf.com/netring?ring=eurohist;action=home" TARGET="_top">
<IMG SRC="eurologo5.gif" WIDTH="144" HEIGHT="124" ALT="European History Web Collection Logo 5" BORDER="0" ALIGN="Middle"></A></TD> <TD> This
<A HREF="http://www.ringsurf.com/netring?ring=eurohist;action=home" TARGET="_top">
European History</A> Site is owned by 
<A HREF="mailto:Your Email Address">Your Name</A> If you would like to join this ring 
<A HREF="http://www.ringsurf.com/netring?ring=eurohist;action=home" TARGET="_top">
Click Here</A></TD> </TR> <TR> <TD COLSPAN=2> 
[<A HREF="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev5 " TARGET="_top">Prev 5</A>] [<A HREF="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev" TARGET="_top">Prev</A>]
[<A HREF="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next " TARGET="_top">Next</A>]
[<A HREF="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=rand" TARGET="_top">Random</A>]
[<A HREF="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next5 " TARGET="_top">Next 5</A>] [<A HREF="http://www.ringsurf.com/netring?ring=eurohist;action=list" TARGET="_top">List</A>]</TD> </TR> </TABLE> </CENTER>
`
--------------------------End Copy and Paste above this line--------------------------

* If you have any problems, questions, or comments, please E-Mail
Schoolmarm (RingMistress) at eurohistory@schoolmarm.org
Click Here for Additional HTML Editing Help and FAQ
European History Web Collection Home