Design - Written by Kerry on Saturday, January 10, 2009 16:48 - 30 Comments

Branded Login Screen for WordPress 2.7

After finally finding some free time I have updated the Branded Login Screen for WordPress 2.7. The version is now 1.1 and you can find links for the download on this page as well as my main ‘Plugins’ page. As always if you find issues or have questions please comment or send me an e-mail.

Looking for the ‘Branded Admin’ Plugin >>> It received a WordPress 2.7 update as well.

CHANGE LOG v1.1

1) Removed version checker so the plugin is ONLY COMPATIBLE with WordPress 2.7+.
2) CSS cleanup for the new WordPress version.

Download Link

Screenshots

Below are screenshots of the standard WordPress 2.7 login screen and my branded login screen (click either image to see a full size version). Or visit my Branded Login Screen in action.

Standard Login ScreenBranded Login Screen Screenshot

Related Posts

Branded Login Screen Plugin

Download Link

 Digg  Facebook  StumbleUpon  Technorati  Deli.cio.us  Twitter  Sphinn  Mixx  Google  DZone 


30 Comments

You can follow responses to this entry through the RSS 2.0 feed. You can leave a response or trackback from your own site.

Marco
Jan 12, 2009
04:20 am
 

Hi

Cool plugin.. Tnx for the time you put in this plugin.
Did install it just a few sec ago.

Marco

http://www.pe2mc.nl
http://pe2ky.pe2mc.nl
http://pa9t.pe2mc.nl

Rich Smith
Jan 14, 2009
01:29 pm
 

Excellent plug-in but it doesn’t look quite right in Safari. This is what it looks like on my monitor.

http://farm4.static.flickr.com/3436/3196655781_f17d31c884_o.png

But it looks fine in Firefox. Just throwing that out there!

Kerry
Jan 14, 2009
09:32 pm
 

Thanks Rich. I will take a look at the .css. Seems to be a border around the form in Safari that the other browsers do not show. Will update as soon as I have a fix.

todd dengler
Feb 9, 2009
10:53 am
 

hey kerry! this is great. thanks for taking the time to do this and make it available to the rest of us!

Jason
Feb 17, 2009
03:07 pm
 

Rich, Thanks for pointing that out. I probably wouldn’t have checked it otherwise. Here is how I was able to get rid of it.

#loginform {
border: none;
-moz-box-shadow:none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
box-shadow: none;

Credit should really go to Josh Byers’ plugin at Pressing Pixels who credits Ben Gillbanks as well. I liked Kerry’s plugin way better, since it had more comments in the css to get a beginner like me started, but I was able to find this tidbit in Josh’s css file.

juan cuchillo
Feb 22, 2009
09:23 am
 

YOU ARE THE BEST MAN!

Tompa
May 10, 2009
02:45 am
 

The download link doesn´t work. all I get is a “Not Found”.

Ted
May 10, 2009
02:39 pm
 

I have the same problem. I can’t get the download link to work. Any ideas?

JR
May 10, 2009
05:28 pm
 

awesome plugin… oh and for the guys that the links not working…. try adding .zip to the end of the link and it should work… was having the same issue initially.. now to start tweaking the plugin.

thanks agains.

Kerry
May 11, 2009
06:39 pm
 

@Tompa/@Ted – The download link is fixed now. An update to the WP Download Counter plugin didn’t like the uppercase letters in the download links. You should be good to go.

Kerry
May 11, 2009
06:41 pm
 

@JR – If you make a cool mod please share. We are all interested in improvements. Thanks.

Matthew Millen
May 13, 2009
02:27 am
 

Nice Plugin, thank you!

Matthew

Richard Mitchell
May 24, 2009
07:15 am
 

Cool plug-in. Thanks!

Chandra Wijaya
Jun 8, 2009
01:25 am
 

Its nice plugin.. thanks you…

kunal
Aug 4, 2009
04:44 am
 

Is the plugin compatible with wordpress 2.8+? What about WPMU? Thanks.

Natalie
Aug 14, 2009
09:27 am
 

This is a great plugin! Thanks very much.

However, I have noticed that by default the error message of “ERROR: The username field is empty.” seems to come up by default when I go to the login screen. Not a huge deal, but noticable (even with remember me) checked. I am using WP 2.8.4.

Anyone else experiencing this?

yanxerip
Oct 9, 2009
11:53 am
 

Cool trick. love it plugin

BandonRandon
Nov 16, 2009
02:37 am
 

Kerry,

It seams that WordPress has made some changing to their login screen. This causes this plugin to show the background image twice. I think they removed the main background image and are adding it another way. I checked out your login form and you seam to have the problem as well. I’m using Firefox 3.5 and WP 2.8.6.

Thanks,
Brooke

BandonRandon
Nov 16, 2009
03:19 am
 

Kerry, I found the issues! It was only showing up in Firefox 3.5 I think this may be the first browser that supports css3 which is what was causing the issue. I fixed it by changing :

#login form {
margin-top: 0px;
}

to:
#login form {
margin-top: 0px;
-moz-box-shadow: none !important;
}

The new layout also seems to have a text-shadow around the nav links and the #login form submit elements I fixed this by adding “text-shadow:none !important” to the effected elements.

I also found a bug where if you press the submit button it defaults back to the original WP down state blue graphic. This can be fixed by adding:
#login form input:active {
background: url( images/fade-button-hover.png ) !important;
}

I added a new graphic called fade-button-hover.png but you could use the already made fade-button.png i just wanted a darker gradient. I also chose to have the active image show on hover and down. Again this is optional.

Thank you so much for your hard work on this and hope you find my suggestions/bugs useful. Feel free to e-mail me if you have any questions.

Brooke

Kerry
Dec 2, 2009
07:46 pm
 

Wow! Thanks for the bug hunt. I will make these changes and incorporate into the next release. Awesome, thanks again.

Garcia
Dec 4, 2009
02:11 am
 

Hey Kerry, Great work!!! I am looking forward for your next release (wp.2.9 compatible :D )
In case it helps, fyi – when you click on the have you forgotten your password link and then on the next screen you click cancel… you go back to the login screen but in a reduced sized and your logo therefore is overlapped by the form fields.

Trackbacks

Leave a Reply



BasecampHighrise

Comment



 

Design, News - Nov 10, 2009 21:27 - 0 Comments

My Entries in the WordCamp Boston Logo Contest

More In Design


News - Jan 25, 2010 4:37 - 7 Comments

Branded Login Screen 2.0 Released

More In News


How To - Jul 15, 2008 23:59 - 10 Comments

How WordPress 2.6 Broke My Permalink Structure…

More In How To




Login