Web Form Designs

Web Form Designs:

You all must have filled lots of forms on web.

Below are some design patters:

Pattern 1:



Pattern 2:

Lightbox effect with CSS without any JS file

To get Light box effect without java script always a tough task. i got this solution from a web site .. You can use this example its working fine.

Code:

CSS:

.white_overlay {

display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #ffffff;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);

}

.white_content {

display: none;
position: absolute;
top: 25%;
left: 25%;
height:385px;
width:680px;
padding: 1px;
background-color: white;
z-index:1002;

}