PDA

View Full Version : making an overlay that is always on or Panel that floats



nosarious
19 Jul 2010, 11:38 PM
Thanks so much for everyone's help so far with my questions. My little project is coming along nicely, and thanks to some information from yesterday, the scrolling is all done in Sencha:
http://www.straathof.acadnet.ca/nine/

If I could get a tad bit of help for a few other little pieces:

How may I activate an overlay so that it is always on onto a carousel card, or visible at first until you double click the background? (this would let you look at the photograph)

Can the title of the overlay be set so it will contain a specific div from the html file? (Someone mentioned how to do this for the contents of a carousel card, which is how the articles are handled in the current version above)

Can an overlay text area be 'grown' similar to how the initial title page works on this (click on the title and a series of buttons grow from underneath.) doing that with the overlay title would be awesome as a person would see the 'cover page' of an article before choosing to read the text.

As always I appreciate the help, and am working on how best to make this project as open as possible for development once it is more complete.

nosarious
24 Jul 2010, 9:40 AM
More research into the behaviour of the css webkit shadow systems has enabled me to achieve this without the use of the overlay panel.

You can find more information here:
http://css-infos.net/properties/webkit.php
http://css.flepstudio.org/en/css3/box-shadow.html
http://css-tricks.com/snippets/css/css-box-shadow/
http://www.elektronotdienst-nuernberg.de/bugs/box-shadow_inset.html

When coupled with loading content from html markup that Evant supplied I was able to build what I needed.
http://www.sencha.com/forum/showthread.php?104157-Simple-html-version-of-carousel

Thanks again, Evant.

darrenbang
19 Sep 2014, 11:58 PM
More shadow examples....http://www.corelangs.com/css/box/shadow.html Darren