Transparent 'menu' images for backgrounds other than white

gildionne · Post by **gildionne** » Mon Mar 23, 2009 9:07 pm

/*************************************
Title:gbook
Version:1.6
Author:
Demo:www.gilsbus.ca/gbook/gbook.php
Download:
Website:www.gilsbus.ca/

Short description:
Get rid of unwanted white space around images when using colored backgrounds.
*************************************/

(Here below you can write additional info, longer description and comments)

Thanks for the excellent script, Klemen.
The menu images ('X'- delete.gif, 'arrow'- reply.gif and 'IP'-ip.gif) that are supplied with the gbook package, when used on colored pages, show a square white background around the symbol.
I have modified each of these images to have a transparent border so that they display better on the colored background of my website. If anyone wishes to copy these modified images from the guestbook on my site, and substitute them into into their own gbook file, feel free to do so. (Right click - copy image).

Perhaps Klemen could offer the images with transparent backgrounds in future releases.

Post by **Klemen** » Tue Mar 24, 2009 7:17 pm

Did you use GIFs or PNGs? To have a truly transparent image for any background I would need to include transparent PNGs, but I'm reluctant to do so as many browsers (including IE versions 6 and lower) don't support PNG alpha transparency...

gildionne · Post by **gildionne** » Tue Mar 24, 2009 7:24 pm

I am using GIF's

Post by **Klemen** » Wed Mar 25, 2009 8:45 am

The problem with GIFs is if you create transparency for example for red background it won't look good on a white backrgound and similar.

Henrie · Post by **Henrie** » Wed Mar 25, 2009 4:31 pm

Transparent GIF's can look good if you design them properly. They just will have hard edges instead of soft edges.

And the problem of PNG not being transparent in some older browsers is not really that big a problem if you set the background color right. The images are not transparent now either.

Greetings,
Henrie

Fudeba · Post by **Fudeba** » Fri May 15, 2009 8:47 am

Hello.

Used gbook on one of my sites and one use a black background. I added a transparent background to imagens.

See here:

http://www.msxpro.com/guestbook/gbook.php

Or imagens here:

,

DC · Post by DC » Sat May 16, 2009 1:14 am

I agree with Klem as png's have an ugly gray bg in some browsers like IE6.

I use gifs for all, and if a script has png I make them gifs as gifs can look quite good if you closely anti-alias them to the bg your going to have them on.

what this does is it creats a smooth blend with the bg your going to place the gif on, so they do not need to be hard edged they can have a smooth blended appearence if they are made correctly for that bg.

http://en.wikipedia.org/wiki/Anti-aliasing

DC