Web Page Overlay Tutorial Reloaded CSS Javascript Transparent Cover

look at these guys

Code: http://www.developphp.com/video/JavaScript/Web-Page-Overlay-Tutorial-Transparent-Cover
Both overlay methods are shown in this video. Opacity and transparent graphics.


16 thoughts on “Web Page Overlay Tutorial Reloaded CSS Javascript Transparent Cover”

  1. Another great tutorial video, but I'm having some issues with my implementation. How can I add the div's for the overlay and special box into a pre-existing layout without the divs forcing all the other content down. On my site I'm trying to use this system as a login box, but every time the box opens it pushes my main page content down.

  2. You can also use the CSS alpha value for opacity: background-color:rgba(0,0,0,0.7); where 0.7 is the alpha value and the rest are the RGB values. Saves the use of JS.

  3. great tut Adam can you show us how we can have multiple box`s fly out on the one page I want to use this but have about ten different box`s I want to have content in
    I have used getElementByClass but ime a dumb ass can`t get it to work
    can you help plz

  4. HI Adam,
    I love all your videos. It was very helpful for me when i meet some problems in programming. I need one help from you. Can u make a tutorial on AutoGrow Textarea using pure JS (no jquery involved) and it should not have an option to resize with mouse. Only time it should grow is when typed and when text is deleted it should shrink to its original position accordingly. Please make a tutorial on this. It will be helpful for everyone who is looking for this.

    Thank You

Leave a Reply

Your email address will not be published. Required fields are marked *