User Lookup (help needed)

[syzygy26]

I hope I'm posting this in the right area.

I have a question about user lookups...

Does anyone know how to get rid of the white boxes around trophies, trade icon etc. in firefox (and probably other browsers too)? I can filter it ok to look transparent in explorer, but when I view it in firefox I'm back with the white boxes. Has anyone else had this problem or know a solution?

Any help gratefully appreciated.

[Yoshi]

This seems like a coding question. I'll move it to Computing & Technology for you. :)

[syzygy26]

Thanks for moving me. Sorry I got the wrong board.

[Olivia]

Code:

<style>p img{filter:chroma(color=white)}</style>

There you go.

[syzygy26]

Code:

<style>p img{filter:chroma(color=white)}</style>

There you go.

That is the exact code I'm already using. It works fine in explorer, but not in firefox.

Thanks anyway.

Does anyone have any other ideas?

[Trick]

Code:

<style>p img{filter:chroma(color=white)}</style>

There you go.

That is the exact code I'm already using. It works fine in explorer, but not in firefox.

Thanks anyway.

Does anyone have any other ideas?

That's all there is I'm afraid - nothing works in firefox because that is not actually standard CSS, it's IE specific code. So because it's not standard it won't work in firefox.

Believe me everyone has tried everything, but nothing works - you just have to make do with the whiteness :|

[syzygy26]

Thank you! At least I know it's not just me now. So many people have been telling me it's possible but can never tell me how. What you said makes sense - thank you so much!

[Duke of Earl]

Doing my own research into this...

http://forums.mozillazine.org/viewtopic.php?t=90425

Evil programmers don't want to have glowing text (or shadows or colored sidebars) I guess.

*mutters* I just want a slight shadow so that my userlookup can further mimic the text in Mootix Drop....

[dolphinling]

Actually, it is possible, but it would take a lot of work on your part.

The code involved would be this:

Code:

a[href="neomessages.phtml?type=send&recipient=dolphinling"]{background-image:url(somebackgroundimage);}
a[href="neomessages.phtml?type=send&recipient=dolphinling"] img{visibility:hidden;}

The first line selects only the link that points to your mail, and sets a backgound image on it. You'd have to make this background image yourself, and host it somewhere. The second line makes the actual image invisible so you can see the background. The link will still work normally.

You would have to also do this for every other image you wanted to make transparent, changing the urls--that's why it would be a lot of work.

The reason you have to do this is twofold: First, Internet Explorer doesn't support semi-transparent pngs. Web developers have griped at microsoft about this for ages, and it'll finally be put in IE7, which will come out who-knows-when. Firefox has supported semi-transparent PNGs since day 1 (as has Safari, and Opera has for a long time).

The other part of the reason is that Neopets doesn't like using transparent gifs. They have a good reason for that: the edges of transparent gifs are jaggedy, and not nice to look at. So they give them a white background, and that's what you see.

For reference, the "filter" code that you were using is Microsoft's answer to not having semi-transparent PNGs. The thing is, it's more work, harder to use, and can't do nearly as much.

If anyone wants to see why semi-transparent pngs are nice, look at my userlookup and scroll around in both IE and Firefox.