[hercules]

MasteroX,

I am trying to add a new logo to my site but I am having a problem. I can't get the gray to match with the gray background of my forums because of its gradient. The top of my image is looking right but the bottom half is showing an outline..I tried doing a gradient on my logo but not having any luck. I guess I am going to add my banner in the Ad banner below menu section and just use a white background. Wanted to check and if see if you had any other ideas because I would really like to have it on the top. I attach an image because I am taking it down until I can resolve the issue. See how it looks great at the top but you can see the corners on the bottom?

Thanks

[admin]

Hello,

I would try saving the image as a PNG and in the style variables make sure you change the logo image extension from gif to png. This would be the easiest way round it.

Let me know how it goes and I'll fill you in what to do next.

[hercules]

First I tried just making sure to change the gray background, save as an PNG then uploaded it back. It made it worst. Then I changed it to a transparent background then saved as PNG. Works great now. I had no idea you could user transparent background for PNG files.

Thanks MaestroX for fixing another problem of mine

[admin]

No problem, transparent PNG are much more fexible than gifs.

The next step is to make sure browsers that don't have PNG support will correctly render the image. You can do this with a common bit of javascript.

Add this into your headerinclude template:

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="clientscript/vbulletin_pngfix.js?v=$vboptions[simpleversion]"></script>
<![endif]-->

and upload the attach file (unzip first) into your clientscript folder.

[hercules]

That is nice of you to provide me with the extra information. Thanks!!

[admin]

No problem I used the same solution on the new design here.