login just liwebsite below

hi, looking at couple of the websites, i found this website's login design pretty good, can someone guide me how can i build that one.

i think better woul to make the login and signup through ajax/jquery, but its interface of opening a window and logiing/signup and forget password on same window is good

here is the link:

http://www.flipkart.com , just click the login and see that, how can i build that kinda interface

regards
LVL 16
Gurpreet Singh RandhawaCEOAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Alexandre SimõesManager / Technology SpecialistCommented:
Hi mate...

I don't know exactly what's your problem, as a whole login process is quite extensive.
If it's only a layout matter then basic HTML knowledge and ajax (you can use jquery to make things easier) is needed.

If you inspect that website login popup html you'll see that there's nothing different than a normal login form. In fact, you'll find the same login <form> element with all the needed components for authentication. So placing this form within a popup is a matter of web design (namely CSS).

To make a popup you just need a <div> with absolute positioning.
If you want to make it easier for you just pick one of the thousands available on the web.
If you're already using jQueryUI use this one: jquery dialog and style it as you need (again only CSS).

Facebook and other kinds of syndication options must be already supported by your authentication system. As far as layout is concerned you only need to drop some images there :)

I might recommend you to, whenever you have this kind of layout questions, to dig in yourself and learn from others code. Use Firebug for instance and inspect the HTML... see how things are done and apply your own thinking.

What else specifically do you need?
Cheers!
0
Gurpreet Singh RandhawaCEOAuthor Commented:
Thanks mate, i do need full code, i am just gonna have the layout, i am wek in css, html layout so i asked some guidance here, well from server prospective, i will do it all as i know you might have thought whole process of facebook, google login, [no this not the case, just the design part].

I hope i had cleared my question
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Alexandre SimõesManager / Technology SpecialistCommented:
Ok, so what you need is a fully working thing that is a bit too much for my available time.

Anyway, I can give you some hint links to get you started:

Good looking, well documented, time proven out of the box popup
Complete authentication system tutorial:

After this I advise you to:

1

Put it to work even without Ajax

2

Put it to work inside the popup but still no ajax

3

Add ajax to the mix
Also keep in mind that you might need to support legacy browsers and javascript disabled environments on which Ajax call won't work...
0
Gurpreet Singh RandhawaCEOAuthor Commented:
Solved it myself, used the CSS code to make it work,
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.