Random mumblings about css

[polestar]

More and more cool hover effects are being used on links, which get away from the cool but over-used standard color change and/or underline appearing.

For example, the "just the underline changes color on hover" effect:

a {color: blue}
a:link {color: blue}
a:visited {color: blue}
a:hover {color: red}
.hotlink {color: green}

Then obviously writing

<a href=http://www.av.com>
<span class="hotlink">AltaVista</span>
</a>

in the body.

There are more - for example at http://www.emunet.com/ with the yellow background and I'm sure I've seen one where both an underline and a line above the link appeared - not sure how to do that though and I've lost the link so I'm not likely to find out in a hurry (unless you guys tell me ;))

You have to agree these effects are much more interesting than the trusty old colour change. Have you seen any more good ones?

(don't include italics or bold on hover - that really sucks)

And don't you just hate sites where you're unsure what's a link and what isn't?

ttfn!

[jon787]

I hate that. I also hate sites that change the color schemes on every page. For one page it might be green unvisited then red visited then reversed on the next page.

[meow]

Yeppers, we do hate those sites. Changing the default just because you CAN without thought is stupid. The overline is no trick. Just like so:

{text-decoration: underline overline}
:)

[LastActionHero]

CSS can do a lot of cool stuff, but shouldn't be overabused. You can fade in a link when the mouse hovers over it or fade out. It's pretty cool

[Blizzy]

yes.

link schemes should always be consistent for a website. failure to doing so will result in site navigation problems...

[lucifer]

Originally posted by lastactionhero
You can fade in a link when the mouse hovers over it or fade out. It's pretty cool you have an example? I'm curious - don't think I've seen this

[LastActionHero]

Haven't played around with it much but I think it's like this. I read about it somewhere. basicallu you use the filter

.fade { filter: Alpha(blah blah) }

similar to alpha there are various options like blur and all. I dont remember the parameters, sorry.

[LastActionHero]

I think it was something like

Alpha(startopacity= ?, finishopacity=?, style=?)

I'm not sure.

[lucifer]

you haven't a url of it in action?

[lucifer]

and congratulations in beating me to the NLC by a couple of mins. I am considering deleting some posts to remove 'the curse' ;)

[meow]

Originally posted by lucifer
'the curse' ;)
Are you menstruating? :eek:

[lucifer]

Originally posted by meow

Are you menstruating? :eek: I wish that was all :mad:

[polestar]

Meow:
{text-decoration: underline overline} I just knew it'd be complicated :D

LAH:
You can fade in a link - you got me intrigued now, boy! You can do that just with css?

[LastActionHero]

Try this MSDN reference. Ignore the class ID ----. It's MS ----.

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alpha.asp

[LastActionHero]

I found some examples

http://www.dhark.com/css_filter_examples.html

[meow]

CSS filters? I'm afraid the whole concept is "MS ----"!:p
Some are them are nice, like the alpha filter. Afraid there is too much prestige involved for w3c to add them to the standard and Netscape is going very standard now so they won't steal them neither. I've been known to be wrong before though.

[LastActionHero]

Yeah I know. But it's cool anyways except for the class id and all those things(activex?) That is not required. And 90%of ppl use IE the rest are sys admins and use lynx :p

[meow]

You mean this:progid:DXImageTransform.Microsoft.Alpha(sProperties)??? ? No idea.

[EDIT: The code made those smilies, not me. Darn' MS!!!:p]

[LastActionHero]

Originally posted by meow
You mean this:progid:DXImageTransform.Microsoft.Alpha(sProperties)??? ? No idea.

Yeah that one without the smilies in between :p

[polestar]

Hey that page is cool LAH - does the text/image just appear normal in unsupported browsers? No error boxes?

They're great IMHO - pages would load faster if these filters were used rather that image text. But yeah, I know at least with images you know that everyone will see the same thing.


:progid:DXImageTransform.Microsoft.Alpha(sProperties)You've lost me now! Is that an activeX control?

[meow]

We don't know. :)

No, the filters won't generate error boxes. It's just CSS even if non standard. If you for instance use filter alpha (transparency) the page could of course be unusable if you can't see what's hidden behind the supposedly transparent element, if that "object" is important for the context.

[LastActionHero]

Originally posted by meow
We don't know. :)

No, the filters won't generate error boxes. It's just CSS even if non standard. If you for instance use filter alpha (transparency) the page could of course be unusable if you can't see what's hidden behind the supposedly transparent element, if that "object" is important for the context.

Hey that question was directed to me . You meany ;)

[meow]

I thought polestar deserved a good answer. :p

[LastActionHero]

:rolleyes: