Simple Lightbox Effect using css and html 
Tuesday, October 28, 2008, 11:19 AM
Posted by Administrator
The simple lightbox effect can be used to draw attention to a piece of information without changing pages, I have used this effect very nicely in marketing campaigns and personalised web campaigns.

to start with this you will need to add the css code:



.overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.9;
opacity:.90;
filter: alpha(opacity=90);
}

.lBox_content
{
display: none;
position: absolute;
background-color:#fff;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
border: 1px solid red;
z-index:1008;
overflow: auto;
}

Read More...

[ add comment ] ( 48 views )   |  [ 0 trackbacks ]   |  permalink  |   ( 2.9 / 346 )

| 1 | Next> Last>>