Help - Search - Members - Calendar
Full Version: Image opacity question...
Movable Type Community Forum > Additional Resources > Tips and Tricks
AuroraPixie
Okay...I love that image opacity mouseover in a recent thread.

I'd like to set my thumbnails to a 50 percent opacity...But I'd like all the other images on my site to be at 100 percent. (Obviously.)

Since MT creates the thumbnail for me, I can't fix my thumbnails in Photoshop or whatever.

Since MT creates the HTML code for the thumbnails, I can't make MT insert the opacity command for each thumbnail.

So...

Is there a way to set opacity to all my "-thumb.jpg" images with Image::Magick?

Or can I have some sort of CSS code that would only apply to the div the thumbnails are in? (Not sure what that would look like...I'm no CSS expert.)

Or could I make a macro with MTMacros? I don't have that installed...So unless it would clearly be the best way, I'm not thrilled about this option.

My site is at www.fixed-star-pixie.com and you can see how the thumbnails are rather garish looking and distracting. Playing with the opacity would make my page look nicer I think.

Any ideas?
bmk
QUOTE
Or can I have some sort of CSS code that would only apply to the div the thumbnails are in?


If you just wanted to apply the opacity to the images in "logbody" only, this should do it:

.logbody img {
opacity stuff
}
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.