Need your guys' opinions!

It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.

Moderator: General Moderators

AngusL
Forum Contributor
Posts: 155
Joined: Fri Aug 20, 2004 4:28 am
Location: Falkirk, Scotland

Post by AngusL »

I have not a clue if this would work, so I'm just throwing it out there.

Could a possibility be have normal text links, customised in CSS to the nth degree as you wish (I suppose you could use images with alt text, to try and cater reasonably) on one div, and the flash in another then use CSS to align them with the text over the flash (which no longer actually contains any buttons - just the flower animations) so that if Flash isn't installed it simply doesn't show up.

Also, I suspect you could simply export those particular animations as animated GIFs at a lowish framerate and get something resembling a decent filesize out of them. You could still couple this with the above if you so wished.
WithHisStripes
Forum Contributor
Posts: 131
Joined: Tue Sep 13, 2005 7:48 pm

Post by WithHisStripes »

okay I think I see what your saying, but let me check:
so you're saying basically make the flash button LIKE a background image and put the text over it?

well, two things: one, then when/how would the text disappear when the button appears?
two: what css code would I use for that? i'm still a newb with css.

-thanks!
AngusL
Forum Contributor
Posts: 155
Joined: Fri Aug 20, 2004 4:28 am
Location: Falkirk, Scotland

Post by AngusL »

The text wouldn't need to disappear. The text would be the link itself, and the flash would be like (but not one) a background image that would animate on mouseover as you have it just now. The text would be aligned over the flash.

As I said, you could also use javascript to do a rollover function with animated GIFs - although this occurs as probably being quite easy to do badly, and difficult to do well.

As for what CSS: I've not got anything specific just now, I'll write an example up when I get home, but you should be able to use various features (negative margins and z-ordering spring to mind) in order to acheive this effect.
WithHisStripes
Forum Contributor
Posts: 131
Joined: Tue Sep 13, 2005 7:48 pm

Post by WithHisStripes »

Hey guys,
I made a ton of changes, check out the new site at firstcause.org/curt
Obviously, I'm still adding stuff to it, but I figure I should get your input before I finish it. I'll be waiting for more brutal feedback, haha, thanks so much guys.

-Spence
Post Reply