Transparency PNG pictures with Internet Explorer 6 (server-side solution)

Purpose
Kill the grey backdrop of transparency PNG images in Internet Explorer 6 (server-side solution)
Thanks to Natch (https://vborg.vbsupport.ru/showthread.php?t=67413) and d00d (http://koivi.com/ie-png-transparency/)

Version of Koivi's script
2.0.12

Update
10/01/2006 : detect MSIE to ignore IE7 or greater

Installation
1)Edit the xml file, update line 8 with your information :

$img_path='http://www.websitedirectory.com/forumdirectory/images/'

AND save.

2)Import xml file with Plugin Manager.

3)Copy "spacer.png" picture to vbulletin images directory.

Information
-Sometimes (it depends) you will have to specify the height and the width of the png picture, otherwise, it won't work. Don't hesitate to go to d00d website he often update his code.
- When a link is above a png background, it will not work !
Works now ! thanks to Holger R?prich of "www.indesigns.de".
Go and see the solution here.
-With this extension, png pictures with vB collapse system don't work (under IE of course). P.S : even after having edited vbulletin_global.js

[weaver]

Originally Posted by cclaerhout

Warning : don't use

*a {position:relative;}

with vbshout or it will cause a bug !

Instead, just add a style to your link

style="position:relative;"

Thanks! I had the vbshout bug you mentioned.

[leokoudo]

where do I hook this plugin?

[voidet]

Hey hey,

I am having problems with using this hack.
I am running 3.5.2 and when installed non of my PNG images show up at all.

I have uploaded spacer, installed the plugin, added the link mod, and changed the width and height of my image, but still the image doesnt show up

What am i doing wrong :'(

[board.trash]

Originally Posted by voidet

Hey hey,

I am having problems with using this hack.
I am running 3.5.2 and when installed non of my PNG images show up at all.

I have uploaded spacer, installed the plugin, added the link mod, and changed the width and height of my image, but still the image doesnt show up

What am i doing wrong :'(

same problem here :disappointed:

[350Chevy]

Originally Posted by cclaerhout

Warning : don't use

*a {position:relative;}

with vbshout or it will cause a bug !

Instead, just add a style to your link

style="position:relative;"

What do you mean by "add a style to your link"?

[evenmonkeys]

NEVERMIND

[MillerLight]

Can someone explain how to import this correctly?

[cclaerhout]

To 350Chevy :
A simple example :

<td class="tcat" width="100%" style="background-image: url('styles/lesatirique/cats/menumilieu.png');height:46px;"><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]" style="position:relative;">$forum[title]</a></td>

You have a background image on a cell of a table. And into that cell you have text linked to an URL. The hack is going to put the picture above the link. To avoid this, just apply a CSS to the link : style="position:relative;"

To voidet and board.trash :
It should work. Check if the path to spacer.png file is correct.

In most of cases, you don't have to specify width and height BUT you have to use relative links. I explain :
Go to the Style Manager, choose your style and click on "GO" (All style options). Your Image Paths must also be written with relative URLs :
"/forum/directory1/directory12/butons"
AND not :
"http://www.somethingforvb.com/forum/directory1/directory12/butons"

Do the same thing into your templates. It should work.

Now if some images don't display don't use for them relative links and don't forget to specify height and width.
Exemple :

<img src="http://www.somethingforvb.com/forum/directory1/directory12/picture.png" height="46" width="22" alt=""/>

To leokoudo :
... go to your Plugin Manager and "Add New Plugin". That's all. Of course, don't forget to edit your xml file.

[cclaerhout]

Script update

[BaselineAce]

I am currently using the JS hack, which many users find too slow.

I have yet to get a straight answer as to the effect this has on the server load. I'd imagine that it's not pretty...