Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Dec 2006
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    how to accomplish this?

    Im unsure if this is even CSS based,

    but i want to re-create the ability seen on this site:
    http://www.componentart.com/

    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?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    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.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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 to accomplish something similar.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #4
    New to the CF scene
    Join Date
    May 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It looks like the site uses a variation of the "ThickBox" script, found here:

    http://jquery.com/demo/thickbox/

    That's all you should need. Good luck!

  • #5
    New Coder
    Join Date
    Dec 2006
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    txs for help all.

    if anyone is interested the below link will show you how to accomplish this:
    http://dynamicdrive.com/dynamicindex...dhtmlmodal.htm

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

  • #6
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •