On the top right corner, the “Spread and Use Firefox” thingy… that is a blogsticker. And Blogsticker Rocks!
At Www.blogsticker.Net, there are tons of cool sticker you can find and use on the website. Yesterday while browsing it’s category, I even saw a sticker that says “Proud to be Gay”! Man…. I wonder who would use that.
Anyway, something about the whole “Rocks!” just don’t add up when you use the “Spread and Use Firefox”. I’ve realized that when you clicked on it, it takes you to this URL…
http://www.blogsticker.net/stickers/firefox
…instead of…
http://www.Firefox.com
And so what is load the original Javascript file, ‘extract’ the script and css, rewrite it a little and load it directly on DSDexigns. At the same time, I’ve change the URL to Firefox.Com and set the target to “_BLANK”.
If you want em’…
…here’s the image (save image as):
…here’s the CSS:
<style type="text/css">
<!--
div.supportfirefox{position:absolute;top:0px;margin:0;padding:0;overflow:visible;height:163px;width:163px;float:none;z-index:10000;}
div.supportfirefox img{border:0;padding:0;margin:0;background-image:none;}
-->
</style>
…here’s the HTML:
<div class="supportfirefox" style="right:0;">
<img src="http://www.your-server.com/images/firefox.gif"
border="0" usemap="#supportfirefox">
</div>
<map name="supportfirefox">
<area shape="poly" coords="0,0,34,0,163,129,163,163"
href="http://www.firefox.com" target="_BLANK">
</map>
Installation Guidelines:
Upload the image to your server.
Insert the CSS in between the <head> tag. Preferably before the </head> if you want to avoid any confusion.
Replace the REDS to your image folder path.
Insert the HTML exactly before the </body> tag.
Enjoy!
|
