View Full Version : how to accomplish this?

05-21-2007, 07:30 PM
Im unsure if this is even CSS based,

but i want to re-create the ability seen on this site:

when a user clicks "My Account" and the login box comes up in the screen and the entire website gets "dimmed" and unable to have any interaction.

any ideas?

05-21-2007, 08:19 PM
This ainít CSS, thatís some advanced JavaScript. At the most, CSS is used to style the sign in box (but I doubt so).
View the source code to see how theyíve used it.

05-21-2007, 08:26 PM
Its a div styled using CSS. Its hidden on page load and brought into view when you click on that link. Inside of the div is an iframe that contains the actual login form. You can use something like thickbox (http://jquery.com/demo/thickbox/) to accomplish something similar.

05-21-2007, 09:13 PM
It looks like the site uses a variation of the "ThickBox" script, found here:


That's all you should need. Good luck!

05-21-2007, 11:10 PM
txs for help all.

if anyone is interested the below link will show you how to accomplish this:

it is javascript, its called a modal window, and the above link has several examples of how to use this technique.

05-22-2007, 04:08 PM
Don't use that site as your model!
I tried to get the login and it came up UNDERNEATH the main flash thingy. On firefox/linux. If I wanted to, I would be unable to log in.