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
--------Choice A: HTML Fragment-Copy and Paste Begining with the next line---------
<!-- Begin European History Fragment-->
<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><P align="center"> <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"><P
align="center"> <A
href="mailto:Your Email Address"><FONT
size="2">
<STRONG>Site
Name</STRONG></FONT></A><FONT
size="2"><STRONG><BR> is a Proud Member of the
<BR>
</STRONG></FONT><A
href="http://www.ringsurf.com/netring?ring=eurohist;action=home"
target="_top"><FONT
size="2"><STRONG>European History Web
Collection</STRONG></FONT></A>
<P align="center">
<INPUT type="text" size="20" name="query">
<INPUT type="submit" value="Search
Ring"></TD> <TD><P
align="center">
<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"><P align="center">
<FONT size="2"
face="arial,helvetica"><B>[
</B></FONT><A
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE
ID;action=prev5"
target="_top"><FONT size="2"
face="arial,helvetica"><B>Prev
5</B></FONT></A><FONT size="2"
face="arial,helvetica"><B> ] [
</B></FONT>
<A
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE
ID;action=prev"
target="_top"><FONT size="2"
face="arial,helvetica"><B>Prev</B></FONT></A><FONT
size="2" face="arial,helvetica"><B> ]
[ </B></FONT><A
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE
ID;action=skip2"
target="_top"><FONT size="2"
face="arial,helvetica"><B>Skip
Next</B></FONT></A><FONT size="2"
face="arial,helvetica"><B> ] [
</B></FONT><A
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE
ID;action=next5"
target="_top"><FONT size="2"
face="arial,helvetica"><B>Next
5</B></FONT></A><FONT size="2"
face="arial,helvetica"><B> ] [
</B></FONT>
<A
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE
ID;action=rand"
target="_top"><FONT size="2"
face="arial,helvetica"><B>Random</B></FONT></A><FONT
size="2" face="arial,helvetica"><B> ]
[ </B></FONT><A
href="http://www.ringsurf.com/netring?ring=eurohist;action=list"
target="_top"><FONT size="2"
face="arial,helvetica"><B>List</B></FONT></A><FONT
size="2" face="arial,helvetica"><B> ]
[ </B></FONT><A
href="http://www.ringsurf.com/netring?ring=eurohist;action=home"
target="_top"><FONT size="2"
face="arial,helvetica"><B>Join</B></FONT></A><FONT
size="2" face="arial,helvetica"><B>
]</B></FONT></TD> </TR>
</TABLE>
</CENTER>
</DIV>
</FORM>
<!--End European
History Fragment-->
--------------------------End Copy and Paste above this line--------------------------
[Choice B] Classic
--------Choice B: HTML Fragment-Copy and Paste Begining with the next line---------
<!-- Begin European History
Fragment-->
<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"><font size="2"
face="arial,helvetica"><strong>List Prev
5</strong></font></a><p>
<a
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=prev"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>Previous</strong></font></a></p>
<p>
<a
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=rand"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>Random
Site</strong></font></a><font
size="2"
face="arial,helvetica"><strong>
</strong></font></p>
<p><a
href="http://www.ringsurf.com/netring?ring=eurohist;action=list"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>List
All</strong></font></a><font
size="2"
face="arial,helvetica"><strong>
</strong></font></p>
</td> <td><P
ALIGN=Center><a
href="http://www.ringsurf.com/netring?ring=eurohist;action=home"><font
size="2" face="arial,helvetica"><img
src="eurologo3.gif" alt="European History
Web Collection - Click here for Info" border="0"
width="111"
height="165"></font></a></p></td>
<td align="center">
<a
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next5"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>List Next
5</strong></font></a><p>
<a
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=next"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>Next</strong></font></a></p>
<p>
<a
href="http://www.ringsurf.com/netring?ring=eurohist;id=SITE ID;action=skip5"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>Skip Next
5</strong></font></a></p>
<p><a
href="http://www.ringsurf.com/netring?ring=eurohist;action=home"
TARGET="_top"><font size="2"
face="arial,helvetica"><strong>Join!</strong></font></a><font
size="2"
face="arial,helvetica"></font></p>
</td> </tr>
<tr> <td align="center"
colspan="3"><font size="2"
face="arial,helvetica"><input type="text"
size="20" name="query"> </font><font size="1"
face="arial,helvetica"><input type="submit"
value="Search Ring"></font><font size="3"
face="arial,helvetica">
</font></td> </tr>
<tr> <td align="center"
colspan="3"><table border="0" width="100%">
<tr> <td colspan="3"><p
align="center"><a
href="mailto:Your Email
Address"><font size="2"
face="arial,helvetica">
Your
Name</font></a><font
size="2" face="arial,helvetica"> is a proud
member of the <br> </font>
<a
href="http://www.ringsurf.com/netring?ring=eurohist;action=home"
TARGET="_top"><font size="2"
face="arial,helvetica">European History Web
Collection</font></a><font size="2"
face="arial,helvetica"> </font></p> </td> </tr>
</table> </td> </tr> </table>
</center></div> </form>
<!--End European History
Fragment-->
--------------------------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
If you would like to join this ring |
Alternate Logo
--------Choice B: HTML Fragment-Copy and Paste Begining with the next line---------
<!-- Begin European History Fragment-->
<CENTER> <TABLE BORDER="4" CELLPADDING="2"
ALIGN="Center"> <TR> <TD><P ALIGN=Center> <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><P ALIGN=Center> <FONT
size="2"><SMALL>This
<A HREF="http://www.ringsurf.com/netring?ring=eurohist;action=home"
TARGET="_top">
European History</A> Site<BR> is
owned by </SMALL></FONT> <SMALL>
<A HREF="mailto:Your Email
Address">Your
Name</A></SMALL> <P ALIGN=Center> <SMALL>
<FONT size="2">If you would like to join this ring<BR>
</FONT>
<A HREF="http://www.ringsurf.com/netring?ring=eurohist;action=home"
TARGET="_top">
Click
Here</A></SMALL></TD> </TR>
<TR> <TD COLSPAN=2><P ALIGN=Center> <B>
[<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>]</B></TD> </TR>
</TABLE>
</CENTER>
<!--End European History Fragment-->`
--------------------------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