1. I've started a massive SPAM purge, any accounts that have spammed are being removed, also for a short period new user signups are disallowed until the SPAM cleaning is finished.

[Tutorial]Make a custom designed wordpress login page

Discussion in 'General Webmaster Discussion' started by jani, Dec 17, 2008.

Thread Status:
Not open for further replies.
  1. jani

    jani Designer

    Joined:
    Apr 14, 2007
    Messages:
    2,704
    Likes Received:
    14
    Trophy Points:
    0
    Ok I am now going to tell you how to design a custom wordpress login page as I did with my blog.

    [​IMG]

    1. First of all you need to download a plugin that works for this custom design. Click here to download the plugin.

    2. Activate the plugin.

    3. Now you need to download a .PSD file from the location wp-content/plugins/bm-custom-login/image-templates > login-bkg-tile.psd

    4. Open that PSD file in Photoshop, make your own design and save the file by giving it the name > login-bkg-tile.jpg

    5. Similarily you need to make a footer for that design. Name that footer file as login-bkg-bottom.gif - Size should be 390x25 pixels.

    6. Now upload both files (login-bkg-tile.jpg & login-bkg-bottom.gif) to this location - wp-content/plugins/bm-custom-login/images

    And you are Done! :)

    Try this and let me know if you are having any problem. I will try to help you :)

    :: Special thanks to Binary Moon for plugin ::
    Loading...
  2. Rahul

    Rahul Love

    Joined:
    Sep 5, 2008
    Messages:
    130
    Likes Received:
    0
    Trophy Points:
    0
    Very nice tutorial but it will work with latest version of Wordpress or not?
  3. Mr Justin

    Mr Justin <B>Moderator</b>

    Joined:
    Sep 17, 2008
    Messages:
    486
    Likes Received:
    1
    Trophy Points:
    0
    Great Tutorial Jani. I will give this one a go on my new blog :)
  4. jani

    jani Designer

    Joined:
    Apr 14, 2007
    Messages:
    2,704
    Likes Received:
    14
    Trophy Points:
    0
    Some people are saying this tutorial will not work with Wordpress 2.7

    I don't know about it until I upgrade my blog to the latest version of Wordpress. Will keep you guys updated if it works or not :)

    Ok, I got my blog upgraded to latest wordpress version 2.7

    The custom designed login page is appearing but a little disturbed :(

    Anyways I am not going to touch it for sometime until I find some way to set it.
  5. Tox

    Tox New Member

    Joined:
    Dec 27, 2008
    Messages:
    76
    Likes Received:
    0
    Trophy Points:
    0
    Very good tutorial Jani, if you get it to work on WordPress 2.7 can you please share the tips, thank you.
  6. uptonormal

    uptonormal New Member

    Joined:
    May 1, 2009
    Messages:
    78
    Likes Received:
    0
    Trophy Points:
    0
    Its because of the border in the login page, we can remove that by editing the login.css page.
    Open the login.css page

    go to your wordpress root, /wp-admin/css/login.css
    Open this file, then find this line under form {

    Code (Text):
    border: 1px solid #e5e5e5;
    and delete it.

    It will work on wordpress 2.7 also. Try it , its good.
  7. Farrhad A

    Farrhad A New Member

    Joined:
    Nov 23, 2008
    Messages:
    12
    Likes Received:
    0
    Trophy Points:
    0
    I have read about this before, it is great if you have a multi-author blog!
Thread Status:
Not open for further replies.

Share This Page