Indexhibit Support

i would like to customize my menu navigation so that it appears out of focus, but when the user hovers over a link, the text becomes in focus and clear to read... tried google a bit, but i have no idea what to search for this - i have a feeling they will have to be separate images.

any suggestions?
thanks

Webpage

Great use of the centered theme, man.
Beauty.

By the way, you can start here, but you won't have transition.
Just on/off.

Or if you're not too fussed with IE support you can just use some css3:

1. .blur a  {
2. ¬†¬†¬†¬†color: transparent;
3.     text-shadow: 0 0 5px #999;
4.     text-decoration:none;
5. }
6. .blur a:hover {
7.     color: #000;
8. ¬†¬†¬†¬†text-shadow: none;
9. }

oh, great one !

OhhOhh and quick test shows me that this should give you more or less the same thig in IE:

1. .blur { 
2.    -ms-filter: "progid:DXImageTransform.Microsoft.blur(pixelradius=3.0, makeShadow=true, ShadowOpacity=0.5)";
3. filter: progid:DXImageTransform.Microsoft.blur(pixelradius=3.0, makeShadow=true, ShadowOpacity=0.5);
4. }
5. .blur a {
6.     color:transparent;
7.     text-decoration:none;
8. }
9. .blur:hover { 
10.    color: #000;
11.    -ms-filter: "none";
12.    filter: none;
13.    }

Of course you´ll have to serve this with an IE conditional stylesheet.

I love fridays at work when the work is done and the boss has gone home!

Man, you're lucky.
For me, last meeting of the week in 10 minutes…
:(

ah wow, great stuff, thanks! really didnt expect such a straight forward answer.
thanks again!
your both lucky - im still working

sorry, where should i place this bit?

Webpage

done it - but having trouble altering the colour of text when blurred... any clues?

honestly I'd use jquery for these things...

Just add a "color" parameter in the normal and hover state...

Yea you probably should use jquery for this, it's just that i'm such a noob with jquery, that css seems way easier. I really need to read up on that one of these days.

Josiah, It looks like you might need to change the color: transparent; from transparent to grey or something, which doesn't look as "blurred" but hey. I only tried this on plain text so it could well that it's conflicting with one of the other rules being applied to the menu.

yeah, tried that, not as nice.

hmm, no idea where to start with jquery - il have to read up. i assume with that i can also adjust the transition to be smoother.

thanks though, looks better already.
j

all i can think of is to format all links that way, then for links within text - to use a heading tag, so that it does not appear blurred.

any ideas welcome!!

Webpage