homepage Welcome to WebmasterWorld Guest from 54.145.243.51
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
transparency & rollovers
billybonds

10+ Year Member



 
Msg#: 1011 posted 3:08 pm on Nov 5, 2003 (gmt 0)

hi

i want to make a rollover where the original button is a yellow star with writing on it (it's for an appeal) and the rollover will be the same star with a corona effect to highlight it.

on the page it is going on to it is not possible to place it in a place where the background is a single flat colour so it needs transparency - however .gif and .png-8 destroy the corona effect and .png-24 is a LARGE file
what would be the best way around this (if there is a way...)

thanks a lot,

jim

 

limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 1011 posted 3:12 pm on Nov 5, 2003 (gmt 0)

What software are you using?

billybonds

10+ Year Member



 
Msg#: 1011 posted 3:24 pm on Nov 5, 2003 (gmt 0)

I'm using photoshop 7 & imageready

cheers,

jim

limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 1011 posted 3:36 pm on Nov 5, 2003 (gmt 0)

I predominantly use fireworks so not sure if I can help.

Are you trying to get the corona effect to have the detail of the page below to show through? I think this is impossible with GIFs - as you know they dont have the depth of tranparecy but they will irradicate your file size issue. If you could harness glow around the star but not worry too much about the back ground showing through you could use the alpha channel and a rollover.

billybonds

10+ Year Member



 
Msg#: 1011 posted 3:42 pm on Nov 5, 2003 (gmt 0)

hmmmm...

yeah i do want the background detail to show through. i guess i'll just have to look for a different effect - shame though!

thanks for your help

jim

limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 1011 posted 3:47 pm on Nov 5, 2003 (gmt 0)

Could you incorporate the background into the image? - as though you had sliced it. That way there would be no need for transparency and you could add as little or as much colourful corona as you wanted.

Ta

limbo

billybonds

10+ Year Member



 
Msg#: 1011 posted 4:08 pm on Nov 5, 2003 (gmt 0)

hi limbo

i hadn't thought of that... it sounds possible although a little tricky taking into account my limited CSS skills (the positioning side of things is not my strongest!)

i'll ponder that one.....

cheers

jim

limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 1011 posted 4:20 pm on Nov 5, 2003 (gmt 0)

Actually I thought that if the background you were using was fixed positionally under you star then you could use it as the background for your images in their 'rollover' and 'off' states. I guess the simplest way would be to screen capture the section of background and paste it as you background in PS and then add the corona.

Of course this is totally dependant on the layout of your content - IE. is is fluid or fixed. But if you could fix only the background around your image and have the rest of the page fluid...?

billybonds

10+ Year Member



 
Msg#: 1011 posted 6:33 pm on Nov 5, 2003 (gmt 0)

actually my page is fixed so the problem isn't there - well it's probably easy (ish) i just need to learn how to use the z-index properly in conjunction with positioning across a couple of divs

thanks for your help and ideas

jim

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved