This pet profile, the treasure images appear to not have the white background that they usually do (before you hover on them), how is this happening? D:
Not sure if I'm right, but it looks like they set the opacity of the item to .4, meaning that it's 40% transparent. Here's the part of the code that references it:
[QUOTE] .treasure_item img { [...] filter: alpha(opacity=40); -moz-opacity: .4; opacity: .4; } [/QUOTE]
Do you just want them all to have white backgrounds? Just edit out the background-color in the treasure_item section:
.treasure_item {border-radius: 10px 10px 10px 10px;background-color:; width: 30px; height:30px; margin-left: 3px; margin-bottom: 5px;}
:)
I know about changing transparencies, but in that profile the treasure images appear to have completely transparent backgrounds, whilst the images themselves are still visible. I dunno if it's just appearing that way because of the opacity combined with the light blue background, but it srsly looks like he managed to remove the white backgrounds completely. Noo, it's the background to the individual images, but thank you. :)
It actually looks like it's a combination of transparency and the blue background color. If you look closely you can still see a hint of the white, so it's more of an optic illusion.
The images themselves have a low enough opacity that the background color of the containing div (.treasure_item) shines through and makes it appear as if the items don't have a white background.
Yeah, I thought for sure they'd gone in and done overlays for each image (which isn't that ridiculous, since there aren't that many items) but there was nothing in the code about that.
It really is well done. I've never seen it done like that before either. Definitely something to consider trying though. :)
To add to what Sonata said, you can do overlays for each item image. Subeta made each item accessible by specific tags... not too long ago? I've been doing it with a couple of my own pets and I think it's worth it. You can add background colors/borders and everything, still, to transparent images. It works virtually just like minion and pet overlays.
Though it was definitely a good idea on 's part to work it how they did. I swore the items had overlays too!