So these are basically just image links that you can chuck on your site that will link to the Spring Network Index. The more sites that link back, the more visits other sites get, and the more visitors benefit.
I just threw a couple together, however, if there is the need, I can make some more or specific ones if these ones don't fit with your site. You probably don't want them to stand out like a sore thumb so alternatively you could just link to them in your navigation or wherever. I think the footer would be the best place for the images though.
Obviously, you don't have to do this for Spring Network to link to you, but it would help with my goal.
Here's the stuffs:
________________________________________________
Image 1:
Normal:
Hover:
Javascript Preloader: (Put this in the head of your HTML) wrote:
<SCRIPT language="JavaScript">
<!-- hide from none JavaScript Browsers
preload_image = new Image(150,50);
preload_image.src="images/network_hover.png";
// End Hiding -->
</SCRIPT>
CSS: (Paste this anywhere in your CSS. By default, the images are picked up from an images folder but you'll probably have to change the image file locations, it's easy enough) wrote:
a:link.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network.png);
}
a:visited.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network.png);
}
a:hover.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network_hover.png);
}
a:active.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network_hover.png);
}
________________________________________________
Image 2:
Normal:
Hover:
Javascript Preloader: (Put this in the head of your HTML) wrote:
<SCRIPT language="JavaScript">
<!-- hide from none JavaScript Browsers
preload_image = new Image(150,50);
preload_image.src="images/network1_hover.png";
// End Hiding -->
</SCRIPT>
CSS: (Paste this anywhere in your CSS. By default, the images are picked up from an images folder but you'll probably have to change the image file locations, it's easy enough) wrote:
a:link.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network1.png);
}
a:visited.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network1.png);
}
a:hover.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network1_hover.png);
}
a:active.sn{
position: absolute;
width: 150px;
height: 50px;
background-image: url(images/network1_hover.png);
}
________________________________________________
Image 3:
Normal:
Hover:
Javascript Preloader: (Put this in the head of your HTML) wrote:
<SCRIPT language="JavaScript">
<!-- hide from none JavaScript Browsers
preload_image = new Image(282,50);
preload_image.src="images/network2_hover.png";
// End Hiding -->
</SCRIPT>
CSS: (Paste this anywhere in your CSS. By default, the images are picked up from an images folder but you'll probably have to change the image file locations, it's easy enough) wrote:
a:link.sn{
position: absolute;
width: 282px;
height: 50px;
background-image: url(images/network2.png);
}
a:visited.sn{
position: absolute;
width: 282px;
height: 50px;
background-image: url(images/network2.png);
}
a:hover.sn{
position: absolute;
width: 282px;
height: 50px;
background-image: url(images/network2_hover.png);
}
a:active.sn{
position: absolute;
width: 282px;
height: 50px;
background-image: url(images/network2_hover.png);
}
-------------------------------------------
Of course, feel free to modify these, make your own or whatever. Here's the Spring Network logo in case you want to use it (For AF too I guess):
The typeface is easy enough, just bold Arial with a short drop shadow.
Also, I've added an example what one of them would look like on the CA page:
http://springnetwork.info/games/ca/
This sort of paranoia is extremely irritating. You are aware that you can directly dl an external js or css file and view it's contents, right?
