Maleika: I will adapt it in the CSS, because the font rendering doesn't look great here in 11px, that's why I chose 10px on Photoshop. Things will slightly change in the coded version if the changes enhance the form.
I said that I would try to transform the original PSD into a 100% html/css file, and I finally did!
The second field is active, there is a hover state to the button with a really nice inset shadow, and an active state where the margin-top value changes.
Since Designmoo started their marketplace, I decided to give it a try with this resource. For 5$ you get a fully layered/organized .psd and an .html+.css file.
Don't hesitate to use the coupon code: BENICE if you want 20% off.
7 Responses
A little something I'm working on, this is a .psd, now I just have to transform into a nice HTML code.
Feedback appreciated guys.
EDIT: The Login button has been realigned since the post was uploaded ;)
over 2 years ago
Real nice LA!
over 2 years ago
Pro
Maleika E. A.
Lovely! The only thing I'd do is increase the "Forgotten password" text by a notch.
over 2 years ago
Maleika: I will adapt it in the CSS, because the font rendering doesn't look great here in 11px, that's why I chose 10px on Photoshop. Things will slightly change in the coded version if the changes enhance the form.
over 2 years ago
Beautiful and lovely login
over 2 years ago
Pro
Maleika E. A.
@Loubna, that sounds great! It's a wonderful interface.
over 2 years ago
Rebound
Dark Login Form (CSSified) - Download
by Loubna Aggoun
I said that I would try to transform the original PSD into a 100% html/css file, and I finally did!
The second field is active, there is a hover state to the button with a really nice inset shadow, and an active state where the margin-top value changes.
Since Designmoo started their marketplace, I decided to give it a try with this resource. For 5$ you get a fully layered/organized .psd and an .html+.css file.
Don't hesitate to use the coupon code: BENICE if you want 20% off.
http://laggoun.designmoo.com/store/products/dark-login-form
almost 2 years ago