Het is ook mogenlijk om een andere banner op je homepage te plaatsen omdat die beter in je pagina layout is te passen.  Kies hiervoor uit het onderstaande:

1) Een wat kleinere banner

Wil je deze banner dan hoort daar de volgende code bij:

<CENTER>
<IMG SRC="http://scoutnet.nl/~nlzvring/gifs/zvring2.gif" WIDTH="318" HEIGHT="80" ISMAP USEMAP="#zvring2">
<MAP NAME="zvring2"> 
<AREA SHAPE="POLYGON" HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next5" TARGET="_top" COORDS="174,68, 228,68, 219,77, 180,77, 174,68"> 
<AREA SHAPE="POLYGON" HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;random" TARGET="_top" COORDS="90,68, 135,68, 132,77, 93,77, 90,68"> 
<AREA SHAPE="POLYGON" HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next" TARGET="_top" COORDS="222,77, 228,68, 267,68, 267,77, 222,77"> 
<AREA SHAPE="POLYGON" HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;prev" TARGET="_top" COORDS="45,68, 90,68, 93,77, 45,77, 45,68"> 
<AREA SHAPE="POLYGON" HREF="mailto:nlzvring@scoutnet.nl?subject zeeverkenners ring problemen" COORDS="132,77, 177,77, 171,68, 138,68, 132,77"> 
<AREA SHAPE="RECT" HREF="http://scoutnet.nl/~nlzvring" TARGET="_top" COORDS="81,2,240,65"> 
<AREA SHAPE="CIRCLE" HREF="http://www.scouting.nl" TARGET="_top" COORDS="33,32,32"> 
<AREA SHAPE="CIRCLE" HREF="http://www.scouting.nl" TARGET="_top" COORDS="286,30,29"> 
</MAP>
</CENTER>
 

Terug  naar de instrukties

2) Een zeer fancy banner

Gemaakt door de Mathieu van der Wal van Waterscouting Dorus Rijkers groep

Wil je deze banner dan hoort daar de volgende code bij:

<DIV ALIGN="CENTER"><IMG SRC="zv-ring.gif" WIDTH="450" HEIGHT="100"
USEMAP="#ZV-Ring" ALT="[ZV-Ring Banner]" BORDER="0"> </DIV>
<MAP NAME="ZV-Ring">
  <AREA SHAPE="RECT" COORDS="365,75,444,90"
HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next5"
TARGET="_top">
  <AREA SHAPE="RECT" COORDS="365,59,444,73"
HREF="mailto:nlzvring@scoutnet.nl?subject=Zeeverkenners ring
probleem(en)" TARGET="_top">
  <AREA SHAPE="RECT" COORDS="364,43,444,58"
HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;random"
TARGET="_top">
  <AREA SHAPE="CIRCLE" COORDS="41,52,30" HREF="http://www.scouting.nl/">
  <AREA SHAPE="RECT" COORDS="98,2,336,18"
HREF="http://nlzvring.mypage.org" TARGET="_top">
  <AREA SHAPE="RECT" COORDS="408,25,423,38"
HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next"
TARGET="_top">
  <AREA SHAPE="RECT" COORDS="388,25,404,38"
HREF="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;prev"
TARGET="_top">
  <AREA SHAPE="default" NOHREF>
</MAP>

Terug  naar de instrukties

3) Een meer vierkante banner

Je kunt ook een stukje JavaScript gebruiken. De link ziet er dan zo uit:

Wordt lid van de Nederlandse zeeverkenners ring
Zeeverkenners ring

Dit plaatje heeft een transparante achtergrond. Niet gebruiken indien je een donkere achtergrond op je homepage gebruikt.

Gebruik voor deze banner de onderstaande code
<table border=0><caption><font size=1>
<a href="http://scoutnet.nl/~nlzvring">Wordt lid van de Nederlandse zeeverkenners ring</a>
</font></caption>

<tr><td><a href="http://nlzvring.mypage.org" target="_top">
<img BORDER="0" src="http://scoutnet.nl/~nlzvring/gifs/zvring3.gif" alt="Zeeverkenners ring" width=102 height=115></a></td>

<script language="JavaScript">
<!-- Hide this from older browsers
function gotoPage (form) {
if (form.way.selectedIndex == 0)
parent.location="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next";
if (form.way.selectedIndex == 1)
parent.location="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;skip";
if (form.way.selectedIndex == 2)
parent.location="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next5";
if (form.way.selectedIndex == 3)
parent.location="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;prev";
if (form.way.selectedIndex == 4)
parent.location="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;sprev";
if (form.way.selectedIndex == 5)
parent.location="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;random";
}
document.write('<td valign="middle"><form name="JSWR">');
document.write('<input type="button" value="Ga !!!" onClick="gotoPage(this.form)"><br>');
document.write('<select name="way">');
document.write('<option checked>Volgende site');
document.write('<option>Sla volgende site over');
document.write('<option>volgende 5 sites');
document.write('<option>Vorige site');
document.write('<option>2 sites terug');
document.write('<option>Willekeurige site');
document.write('</select>');
document.write('</form></td>');
// End hide -->
</script>

<noscript>
<td valign="middle">
<ul>
  <li><a href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next" TARGET="_top">Volgende site</a>
  <li><a href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;skip" TARGET="_top">Sla volgende site over</a>
  <li><a href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next5" TARGET="_top">Volgende 5 sites</a>
  <li><a href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;prev" TARGET="_top">Vorige site</a>
  <li><a href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;sprev" TARGET="_top">2 sites terug</a>
  <li><a href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;random" TARGET="_top">Willekeurige site</a>
</ul>
</td>
</noscript>

</tr>
</table>


Terug  naar de instrukties.

4) Een banner voor een text-only site
Gemaakt door de Titus Brandsma groep uit Breda

zeeverkenners webring

.< vorige.

.willekeurig.

.alarm.

.volgende 5 >>.

.volgende >.

Wil je deze banner dan hoort daar de volgende code bij:
<table border=0 cellpadding=0
      cellspacing=1>
       <tr>
       <td align=center colspan=5 bgcolor=gray><a
      href="http://nlzvring.mypage.org" target="_blank"><font color=silver
      onmouseover="this.style.color='white'"
      onmouseout="this.style.color='silver'"><b>zeeverkenners
      webring</b></font></a></td>
       </tr>
       <tr>
       <td align=center bgcolor=gray><font
      color=gray>.<a
      href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;prev"
      target="_blank" ><font size=-1 color=silver
      onmouseover="this.style.color='white'"
      onmouseout="this.style.color='silver'"><b>&lt;
      vorige</b></font></a>.</font></td>
       <td align=center bgcolor=gray><font
      color=gray>.<a
      href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;random"
      target="_blank" ><font size=-1 color=silver
      onmouseover="this.style.color='white'"
      onmouseout="this.style.color='silver'"><b>willekeurig</b></font></a>.</font></td>
       <td align=center bgcolor=gray><font
      color=gray>.<a href="mailto:nlzvring@scoutnet.nl?subject=Zeeverkenners
      ring problem(en)"><font size=-1 color=silver
      onmouseover="this.style.color='white'"
      onmouseout="this.style.color='silver'"><b>alarm</b></font></a>.</font></td>
       <td align=center bgcolor=gray><font
      color=gray>.<a
      href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next5"
      target="_blank" ><font size=-1 color=silver
      onmouseover="this.style.color='white'"
      onmouseout="this.style.color='silver'"><b>volgende 5
      &gt;&gt;</b></font></a>.</font></td>
       <td align=center bgcolor=gray><font
      color=gray>.<a
      href="http://www.webring.org/cgi-bin/webring?ring=zeeverkenners;id=1;next"
      target="_blank" ><font size=-1 color=silver
      onmouseover="this.style.color='white'"
      onmouseout="this.style.color='silver'"><b>volgende
      &gt;</b></font></a>.</font></td>
       </tr>
       </table>

4) Maak zelf iets

Heb je zelf en leuk idee voor een banner ga gerust je gang. Als je hulp nodig hebt om er de juiste links onder te hangen stuur me dan een mailtje. Leuke ontwerpen worden op deze pagina toegevoegd.

Terug  naar de instrukties.


Deze ring wordt onderhouden door: