Link to home
Start Free TrialLog in
Avatar of Coast Line
Coast LineFlag for Canada

asked on

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
Avatar of Alexandre Simões
Alexandre Simões
Flag of Switzerland image

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!
ASKER CERTIFIED SOLUTION
Avatar of Coast Line
Coast Line
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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...
Avatar of Coast Line

ASKER

Solved it myself, used the CSS code to make it work,