Miscellaneous Hacks - TW7S - Change the look of the Login/Register [Twitter Style]

LIVE DEMO: http://www.TheWindows7Site.com

Installation Instructions
Included in download.

Mark as installed for support. I will not help you change the colors and style of this mod. Its very simple in the CSS.

ENJOY!!!

-Kryptonit3
--TheWindows7Site.com

Mod History
v1.00 Initial Release (3.13.10)
v1.1 Fixed Issue with forum width. Removed Help tab from header. (3.13.10)

My other Mods:

Command BB Code
[ Information - Tip - Note - Warning ] BBCode
Remove "Reply with Quote" and Multi-Quote from first post in thread
Notifications Alert - Easier To See
Remove Subscription and/or RSS buttons from forums
Change the look of "Last Post" by
Change the look of the Login/Register in header
Hiding Posts From Guests

[oddmud]

I want the log-in look of your current site!

[oddmud]

I guess, you took that as a joke, any way to get the same log in as the TW7S site?

[bharg123]

awesome

[oddmud]

Developer? Any way to get it like your site?

[Noser]

rated 5 stars very nice

ps. to solve the problem in the cms just delete the <p> tags and use <br > tags and your problem is gone.

Or redo step 4 with this code.

<!-- TheWindows7Site Custom Login -->
<vb:if condition="$show['guest']">
<script src="login/javascripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {
                e.preventDefault();
                $("fieldset#signin_menu").toggle();
                $(".signin").toggleClass("menu-open");
            });

            $("fieldset#signin_menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.signin").length==0) {
                    $(".signin").removeClass("menu-open");
                    $("fieldset#signin_menu").hide();
                }
            });            

        });
</script>

<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>

<div id="container">
  <div id="topnav" class="topnav"> have an Account? <a href="login" class="signin"><span>Login</span></a> <a href="./register.php" class="register"><span>Register</span></a> </div>
  <fieldset id="signin_menu">
    <form method="post" id="signin" action="login.php?{vb:raw session.sessionurl}do=login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
      <label for="username">Username</label>
<br >
<input id="navbar_username" type="text" value="" tabindex="101" accesskey="u" name="vb_login_username" />
<br >

        <label for="password">Password</label>
<br >
<input id="navbar_password" type="password" value="" tabindex="102" accesskey="u" name="vb_login_password" />

      <p class="remember">
        <input type="submit" id="signin_submit" value="Login" tabindex="104" title="Login" accesskey="s" />
        <input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser" checked="checked"/>
        <label for="cb_cookieuser_navbar">Angemeldet bleiben?</label>
      </p>
      <p class="forgot"> <a href="./login.php?do=lostpw">Passwort vergessen?</a> </p>
      <p class="forgot-username"> <A title="Gib deine Email in der Nachrich ein." 
href="./sendmessage.php">Benutzername vergessen?</A> </p>

                <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />


                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                <input type="hidden" name="do" value="login" />
                <input type="hidden" name="vb_login_md5password" />
                <input type="hidden" name="vb_login_md5password_utf" />

    </form>
  </fieldset>
</div>
</vb:if>
<!-- TheWindows7Site Custom Login -->

[Wordplay]

did anybody manage to get facebook connect in there?

[nacaruncr]

I could finally put it correctly XD yea!! XD

[Gemma]

Originally Posted by Wordplay

did anybody manage to get facebook connect in there?

Yes

[Wordplay]

gemma great idea, i like it, i'll use that, i tried putting it next to the login button but i couldn't get it to look good.

[romster13]

Anyway to make this work on 4.1.2?