|
Webring Navigation Panel Customisation
When you join our webring you will be emailed some HTML code that
you need to place on the page you entered during the joining process.
The code is used to create the Werbring Navigation Panel like the
following example:-
You may need to modify the code to allow it to fit into the theme
of your site. You must not change the overall layout of the panel
but you can alter the colour scheme,font and font colour to allow
it to be incorporated into your site.
This is the Html source code for the above panel - the items in
bold and italics are those that can be changed to modify colour
scheme,font and font colour. Do not cut and paste this code into
your site as it will not work, use it to understand how the panel
works and how you can modify the code you have been sent.
<!-- BEGIN [ringtitle] code -->
<table width="400">
<tr><td style="background: #000099">
<table cellpadding="5" border="2" align="center"
bordercolorlight="#3399FF" bordercolordark="#000000">
<tr valign="top">
<td style="background: #000099" rowspan="2"
align="left"><img src="http://www.kent-police-museum.co.uk/images/ringlogo1.jpg"
width="67" height="82" align="left"></td>
<td colspan="3" style="background: #000099">
<p style="text-align: center; margin: 0"> <a
href="[cgiURL]/home.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 14px arial,
helvetica, sans-serif">[ringtitle]</a></p>
</td>
<td style="background: #000099" rowspan="2"><img
src="http://www.kent-police-museum.co.uk/images/ringlogo2.jpg"
width="63" height="85" align="right"></td>
</tr>
<tr>
<td style="background: #000099" align="center"
colspan="3">
<p style="text-align: center; margin: 0" align="center">
</p>
<p style="text-align: center; margin: 0" align="center">
</p>
<p style="text-align: center; margin: 0" align="center"><font
face="Verdana, Arial, Helvetica, sans-serif"
size="1" color="#FFFFFF">Welcome
to our webring please use it to visit other police museums around
the world</font> </p>
</td>
</tr>
<tr bgcolor="#0000CC">
<td style="background: #000099" colspan="5"
align="left" valign="top">
<table width="100%" border="0" align="center">
<tr valign="top" align="center">
<td><a href="[cgiURL]/prev5.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">Prev 5</a></td>
<td><a href="[cgiURL]/prev.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">Prev</a></td>
<td><a href="[cgiURL]/rand.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">Random</a></td>
<td><a href="[cgiURL]/list.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">List</a></td>
<td><a href="[cgiURL]/newsite.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">Join</a></td>
<td><a href="[cgiURL]/next.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">Next</a></td>
<td><a href="[cgiURL]/next.pl?ringid=KPM1;siteid=[siteid]"
target="_top" style="font: bold 12px arial,
helvetica, sans-serif">Next 5</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>
<!-- END [ringtitle] code -->
If you require a different panel please email our RingMaster who
will be able to produce one for you, (email:- Email
RingMaster).
|