Google PlusFacebookTwitter

Download Free Client Login with PHP, jQuery & Ajax

By on Dec 19, 2012 in CSS, jQuery, PHP, Web Design | 6 comments

Share On GoogleShare On FacebookShare On Twitter

Recently I had to build a client login for one of my clients Jay-Be. They only required something straight forward so I didn’t want to complicate matters by using a database, security also wasn’t a primary concern as the client login only provides access to marketing assets so nothing super secret. Although the requirements were fairly modest I wanted something that looked smart and I didn’t want to send users off to a separate login page so I knew I would need some kind of jQuery Modal Window.

I’m no PHP guru my any means, trust me, so I decided to have a look online to see if I could find something that I could use. Over the last few days I’ve read numerous tutorials and download a few pre-baked solutions but none of them seemed to work as I wanted.

So in the end I decided to create something myself, I’m not going to take full credit for this by anymeans, that’s not the point, I just wanted to offer it up for download to anyone you may find it useful.

I have styled the login to look like this and best of all it doesn’t require a single image (and rightfully so).

A look at the login window styled

If you need to ask any questions with regards to implementing this in your own website please just leave a comment and I’ll get back to you as soon as I can. Or you could ask me via Twitter @QwertyDesignUK.

Just one final note, this login makes use of Lean Modal, a great jQuery modal window that uses very minimal CSS and only weighs in at 1kb. Ray Stone the author of the plugin has kindly agreed to let me offer it in my download. For information on Lean Modal check out Ray’s website at Finely Sliced.

See it in action

Download it here

6 Comments

  1. Rudy Flores

    January 7, 2013

    Post a Reply

    Hello -
    I am interested in using your client log-in download for my high school class website. I am using Dreamweaver CS4 to get it on-line with a Log-in template for classmates only.

    Hopefully this will work fine as a PHP.

    Thank you,

    Rudy Flores

  2. Rudy Flores

    January 7, 2013

    Post a Reply

    Hello -
    I am interested in using your client log-in download for my high school class website. I am using Dreamweaver CS4 to get it on-line with a Log-in template for classmates only.

    Hopefully this will work fine as a PHP.

    Thank you,

    Rudy Flores

  3. Ricky55

    January 7, 2013

    Post a Reply

    Yes of course this will work it uses PHP as I outlined in my Post. One thing to note is that it currently only supports one set of login credentials as this is all I needed but it wouldn’t be difficult to amend to suit more.

    One final thought is if you are building something that needs to be super secure you may be better off using a database. As I said in this post I’m no expert in PHP, I just knew enough to get this working and then thought it would perhaps come in handy for someone else.

    Let me know how you get on.

    Cheers

    Richard

  4. Andy

    February 11, 2014

    Post a Reply

    You login code looks great. Do you have an updated link to the download code? The dropbox link is no longer valid.

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>