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:
|
|
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
.< vorige. |
.alarm. |
|||
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><
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
>></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
></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:
