WordPress Custom Login Theme – Pack1

Demo Download

Other 3 Colors
Clean BlueDemo Dark ThemeDemo Golden ThemeDemo
How to customize it?

In order to brand your website, you need to follow the below tutorial to customize your login page,

1. First slice all the layers from .PSD files and arrange accordingly

2. Next goto wp-admin/css folder and find login.css

3. Open login.css and search for body selector and add the below code to it,
background: #f5f5f5 url(Image Path) top left repeat-x; height:620px;

4. Now we are ready to add the background to the form. Please find the form selector(next to body)      and add the below css code to it,
background: url(Image Path) no-repeat;

5. Next Search for h1 a{background:url(../images/logo-login.gif) no-repeat top center; and replace      with your company logo

6. Still we are pending with some more customization. Now its time to make the sharp edged input      fields to rounded corners. Find #user_pass,#user_login,#user_email and add the below code,
-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;border-radius:5px; (note: this rounded corner code is applicable only to Mozilla)

7. That’s It! now your wordpress login page is fully customized!!!

If you are hard to get the customization to your login page with above templates, please feel free to contact us with the below E-Mail address.. We are charging $5 for each custom login page….
contact@design3edge.com

Features:
1. 4 fully customized .PSD files
2. .psd files are well organized
3. Easy to modify & Change colors to your own

Graphics Files Included: Layered PSDs
Font used : Arial & Verdana
The zip file contains :
> 4 PSD files ; fully layered & editable.
> High-resolution 4JPG Preview files
sada

Sada is a Founder and Chief Editor of this beautiful website. He is a Creative Web Designer with over 4years of experience. Follow him on twitter @design3edge

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

Advertisement

5 Comments on "WordPress Custom Login Theme – Pack1"

commenter

This is a great tutorial but still there are things missing.. I know most people can do the slicing,but some can’t …

But still the best one I have seen so far..

commenter

Thanks for your information scot… We hope will provide from upcoming post(s)

commenter

I have done and work for login page, but after it show up on Quick Press too, or I missing something?.

commenter

Yes!!! arief I think you went wrong with the CSS… Might be some selectors are inheriting the styles…

commenter

can u please make a ready-2-use package with pics & files, i mean just copy/remplace the files & you’re done of course after doin a back :p

i’ll be thankfull & so everyone will

Leave a Reply

Name:
Email:
Website:
Comment:
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Back to Top