Page 1 of 1

Transparent 'menu' images for backgrounds other than white

Posted: Mon Mar 23, 2009 9:07 pm
by gildionne
/*************************************
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.

Posted: Tue Mar 24, 2009 7:17 pm
by Klemen
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...

Posted: Tue Mar 24, 2009 7:24 pm
by gildionne
I am using GIF's

Posted: Wed Mar 25, 2009 8:45 am
by Klemen
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.

Posted: Wed Mar 25, 2009 4:31 pm
by Henrie
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

Posted: Fri May 15, 2009 8:47 am
by Fudeba
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:

Image, Image, Image

Posted: Sat May 16, 2009 1:14 am
by DC
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