Click here to Skip to main content
15,920,005 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
Dear Friend

When i am surfing internet i does not understand how to design this type of login form.
for example:- If you are visit website www.codeproject.com their is one header tab sign in if you are click on sign in then another tab open its consists of User Name & Password.I want to this type of design.
Please give me information as soon as possible...

Thanks in advanced !!
Posted

1 solution

It is just due to css effects.

The div which contains all the login controls is hided by default and is present just below the "Sign in" link.

When you mouse hover to the "Sign in" link, it comes out below the link as a box because there is a z-index and opacity set to that box. So, it comes over the page.

If you want to check, then just view source of that page and check the css and html in FireBug and you will know how exactly it is implemented.

Else check here.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900