kayakstan.net :: no crime
Following on from a discussion on UKRGB where Tom/Mitch had set up a WCA banner, I thought a few improvements could be made. Firstly, we want to banner to sit in front of all other content, which we achieve by setting the z-index to something big in the CSS. Secondly, a pendant might notice that the entire rectangle containing the banner is a clickable link: ideally just the banner itself should be clickable.
How do I put the LEFT banner on my own pages?
Simply include the following XHTML code anywhere in your page:
<style><!-- @import url(http://kayakstan.net/no_crime/nocrime.css); --></style>
<div class="noCrimeLeft">
<img src="http://kayakstan.net/no_crime/LinkImg.gif"
usemap="#noCrimeLeft"
border="0"
height="163"
width="163" />
</div>
<map name="noCrimeLeft">
<area shape="poly" coords="163,0,0,163,0,133,133,0"
href="http://access2water.wordpress.com" target="_blank"></map>
How do I put the RIGHT banner on my own pages?
Simply include the following XHTML code anywhere in your page:
<style><!-- @import url(http://kayakstan.net/no_crime/nocrime.css); --></style>
<div class="noCrimeRight">
<img src="http://kayakstan.net/no_crime/LinkImg.gif"
usemap="#noCrimeRight"
border="0"
height="163"
width="163" />
</div>
<map name="noCrimeRight">
<area shape="poly" coords="0,0,163,163,163,133,30,0"
href="http://access2water.wordpress.com" target="_blank"></map>
Does this come with a guarantee?
No.
You'll notice that it has some drawbacks, especially if (like here) it covers over content (links underneath can't be clicked). However, it's not too bad. Feel free (and you're positively encouraged) to save a copy of the background images locally and adjust the code accordingly.