How about a Firefox Corner Banner?

Posted by zgambino on Mon, 09/04/2006 - 20:04Graphic Design SWAT Team
Ok, so I'm not sure this will represent correctly, but I just wanted to show you what I did for my website.

The CSS is simple enough, but the graphic IS a png with transparency. If you would like to use it for your website, you can just download the image and add whatever color you wnat to use for the background and try it. Or add a PNG filter for your site for IE users, since they are really the intended target of the banner.

Let me know what you think?


login or register to post comments | previous forum topic | next forum topic | 3443 reads
Someone has already made a
Submitted by Jackie Liu on Tue, 09/05/2006 - 03:26.

Someone has already made a script for this here, http://newlinks.blogspot.com/2005/02/get-firefox-ribbon.html


login or register to post comments
Corner banner for firefox
Submitted by absolute artwork on Mon, 09/24/2007 - 19:37.

I've made one for french users of the wide wide web (^^,)

You can see the result here (don't forget to use internet explorer) : 


http://absolute-artwork.110mb.com

login or register to post comments
the code of the banner
Submitted by absolute artwork on Mon, 09/24/2007 - 19:46.

the code is inspired from the one  http://newlinks.blogspot.com have made

 

 

 

<!--[if IE]>
<style type="text/css">
.firefox
{
 position:absolute;
 z-index:10000;
 left:0px;
 top:0px;
 height:196px;
 width:196px;
 background-color:transparent;
 margin:0px;
 padding:0px;
 border:0px none;
}
</style>
<img class="firefox "
 src="http://absolute-artwork.110mb.com/images/bande-firefox.gif"
 usemap="#ffmap" />
<map name="ffmap">
 <area shape="poly"
      coords="0,163, 0,195, 195,0, 163,0"
      href="?q=affiliates&amp;id=210100&amp;t=220"
      alt="Get Firefox!" />
</map>

 

to see an online demo http://absolute-artwork.110mb.com/webmaster/liens.html

login or register to post comments
I think it looks great,
Submitted by bevanl on Mon, 09/04/2006 - 22:50.

 I think it looks great, thanks for making it, I agree about adding a PNG filter as IE can not display images as good as Firefox

Visit & Read my Blog for info about Firefox and other technology:

http://www.blogbev.blogspot.com

login or register to post comments