How to make a Sexy Login Page

Alright, so this took me ages to figure out. And finally, I found a much less complex solution after all my complex hard work. So, here a few features for this version:

• Forum installed on Root
• You Don't Have to Make a PHP Page (Just a simple Template Edit)
• Should work on every theme (Only tested on DarkBB 1.8 though)
• Makes for a beautiful login effect! (See Demo)
  

There are a couple of things that I've noticed do not work using this method:

• The setting to Force Users to Login before being to able to view the board needs to be disabled. (It didn't work on my board with it on, (probably because I was using a separate .php page to handle it), but I haven't tested it on a board using this version of the modification. If it works, please let me know!)
  

Alright, so first up, a preview of what we're going to make! You can view a demo of it here. Or you can look at this screenshot:



That's right, we'll be making something sexy for your board! First things first, since this is just a template edit. Go to Admin CP -> Templates & Styles -> "Your_Theme" -> Member Templates -> Member Login

Now, once there replace everything in that box, with this: 



Next, you need to make one template. (I called mine "header_splash") (If you don't know how to do this the thread is here.) This way, you don't mess up the default board and end up with something weird! 

Once you've made the "header_splash" template. Copy & Paste the following code in it:

If you want added Cool Factor you can make the page fade in as well as hide the scroll bar! Put this code right above the above code: (I'll upload the two Jscripts as an attachment.)

Awesome! Now we need to make sure we have our CSS in Order! In Templates & Styles -> "Your Theme" -> global.css, find: 

And replace with: 

Next up, we have a few more Styling modifications. All of these are under the Templates -> Members Templates, so just find the file and replace it.

First, we have member_register, replace it with this:

Next up, is member_registration_agreement, Replace with:

After that, we have member_resetpassword, replace with:

Next we have, member_lostpw, replace all with:

Next up we have member_resendactivation, paste & replace: 

And, that should be it! You're done! Happy Themeing! (This is just a simple version. The one in the demo is hardcoded into a different php page, with custom templates as well as changed lines in the following files:

• member.php
• global.php
  

Below is the original Member_login Template, in case something doesn't go right. (Since I only tested it on my one theme.)