I am trying to make a login box, exactly like the one on
www.talkfreelance.com. I copied their code almost exactly and placed it into a div on my layout (
www.golfboards.net); however my login box does not look like theirs. Can anyone help me out? For reference as to how I want mine to look, please visit
www.talkfreelance.com, and look in the upper left hand corner.
Here is my login box code:
Code:
<div style="width:232px; height:168px; background-color:#5b89bf"><img src="gb/forumhome/login.jpg">
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password,vb_login_md5password_utf)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<div>
<div style="color: #ffffff"><b>Username:</b></div>
<input type="text" class="button" style="width: 141px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="User Name" onfocus="if(this.value == 'User Name') this.value = '';" />
</div>
<br />
<div>
<div style="color: #ffffff"><b>Password:</b></div>
<input type="password" class="button" style="width: 141px" name="vb_login_password" size="10" accesskey="p" tabindex="2" />
</div>
<br />
<div style="float: center">
<input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />
</div>
<div style="float: center" ><input type="image" src="gb/forumhome/login_account.gif" value="Log in" class="button" style="position: relative; top: 6px;" tabindex="4" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" /></div>
<input type="hidden" name="s" value="" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="forceredirect" value="1" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</div>