Replies

May 30, 2014 11 years ago
Dotty
User Avatar
Pippa

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:

click for user profiles

May 30, 2014 11 years ago
UnprovenTheorem
made a huge mistake
User Avatar

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]

It's wanting to know that makes us matter. ~ Arcadia



{ call me wynnie }

  • [flower=UnprovenTheorem] +
May 31, 2014 11 years ago
egg
is a bad egg
User Avatar

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;}

:)

May 31, 2014 11 years ago
Dotty
User Avatar
Pippa

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. :)

click for user profiles

May 31, 2014 11 years ago
Adventure Captain
sonata
User Avatar

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.

Art by
[tot=sonata]

May 31, 2014 11 years ago
Dotty
User Avatar
Pippa

I figured that might be the case, as I couldn't find anything in the code to suggest otherwise, I've just never seen it look so good before. Thanks for the help. ♥

click for user profiles

May 31, 2014 11 years ago
Adventure Captain
sonata
User Avatar

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. :)

Art by
[tot=sonata]

May 31, 2014 11 years ago
Chelsea
Decimal System
User Avatar
Joust

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!

May 31, 2014 11 years ago
Dotty
User Avatar
Pippa

Ooh, I didn't know you could do overlays with the treasure images. I stalked some of your pets and they look great without backgrounds. Thank you for the tip. ♥

click for user profiles

Please log in to reply to this topic.