Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Translucent “how to use” layer

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 25, 2013 at 8:56 am #45827
    CoderNinja
    Member

    Hi guys, i’m wondering how can I create a translucent/transparent layer that “teaches” the user how to use certain page? and when you make a click anywhere, it just disappears. You know the one that has arrows pointing the options inside the page telling the user basically how to do everything.
    Does anybody have an idea?
    Thanks!

    June 25, 2013 at 8:59 am #140179
    Senff
    Participant

    You’ll have to place a DIV over the actual page — so you’re going to have to position it absolutely. The actual page, or the contents that you want to cover, also needs to be positioned absolutely, but with a lower Z-index.

    To make it disappear on click, a jQuery call would be best.

    June 25, 2013 at 11:37 am #140278
    CoderNinja
    Member

    Thanks @Senff… its a good way to start, have you seen any live samples?

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.