كود تسجيل الدخول بشكل احترافى

[/b]
[b]<script
 type="text/javascript" language="javascript"
src="http://www.2-steps.net/test/Impulso_Style-v1_2-Steps.net/js/jquery.js"></script>

<script
 type="text/javascript"
src="http://www.2-steps.net/test/Impulso_Style-v1_2-Steps.net/js/jquery.easing.min.js"></script>


<script
 type="text/javascript"
src="http://www.2-steps.net/test/Impulso_Style-v1_2-Steps.net/js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="http://www.2-steps.net/test/Impulso_Style-v1_2-Steps.net/js/custom.js"></script>
<div class="logbox">
 <div id="trigger" class="arrow"></div>
    <div id="headerlog" class="toggle_container">
   
        <div class="content">

<div class="login-box">
   
   
   
 
    <img class="av-login"
src="Impulso_Style-v1_2-Steps.net/images/av-login.png" alt="" width="40"
 height="40" border="0" />
   
    <div class="signin">
 
    <form action="{S_LOGIN_ACTION}" method="post"
onSubmit="md5hash(vb_login_password, vb_login_md5password,
vb_login_md5password_utf, 0)">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
       
 
          <input type="text" class="txtinput" name="username"
accesskey="u" tabindex="101" value="اسم العضو" onBlur="if(this.value ==
'')this.value = 'اسم العضو'" onFocus="if(this.value == 'اسم
العضو')this.value=''" />
           
     
           
<input type="password" class="txtinput" name="password"
tabindex="102" value="xxxxxxxxxx" onBlur="if(this.value == '')this.value
 = 'xxxxxxxxxx'" onFocus="if(this.value == 'xxxxxxxxxx')this.value=''"
/>
             
            <input type="submit"
class="button" value="الدخول" tabindex="104" title="ادخل اسم العضو وكلمة
 المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط
'التسجيل' لإنشاء حساب خاص بك." accesskey="s" />
           
           
       
        </form>
 
      <span><a href="login">نسيت كلمة المرور؟</a> |
<a href="register">تسجيل عضوية جديدة</a></span>
    </div>
   
</div>

    </div><!-- //content -->
 </div>
</div>



<style>
.logbox {
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 940px;
    z-index: 1;
}
.logbox .arrow {
    background: url("http://i72.servimg.com/u/f72/16/46/08/41/toggle11.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 44px;
    left: 210px;
    position: absolute;
    top: 0;
    width: 139px;
    z-index: 2000;
}
.logbox .arrow.active {
    background: url("http://i72.servimg.com/u/f72/16/46/08/41/toggle10.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
.logbox #headerlog {
    color: #999999;
    font-size: 11px;
    height: 160px;
    left: 232px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 1000;
}
.logbox #headerlog .content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://i72.servimg.com/u/f72/16/46/08/41/loginb10.png") repeat-x scroll center top #343434;
    border-color: -moz-use-text-color -moz-use-text-color #222222;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 5px;
    font-family: Tahoma,Arial,sans-serif;
    padding: 0;
}
.login-box {
    color: #CFCFCF;
    font-family: Tahoma,Arial,sans-serif;
    height: 150px;
    position: relative;
    right: 2px;
    text-shadow: 0 0 3px #222222;
    top: 53px;
    width: 200px;
}
.login-box a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.login-box a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.login-box a:hover {
    color: #D3D3D3;
}
.login-box a:active {
    color: #D3D3D3;
}
.av-login {
    height: 40px;
    margin: 0 4px 0 0;
    width: 40px;
}
.avalogin {
    background: url("http://i72.servimg.com/u/f72/16/46/08/41/av-log10.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    margin: 0 2px 0 0;
    position: absolute;
    right: 0;
    top: 1px;
    width: 40px;
}
.login-box .dit {
    font-family: Tahoma,Arial,sans-serif;
    font-size: 10px;
    position: absolute;
    right: 45px;
    top: 0;
    width: 158px;
}
.login-box .dit small {
    font-size: 9px;
    margin: 0;
    padding: 0;
}
.login-box .signin {
    left: 0;
    position: absolute;
    top: -5px;
}
.login-box .signin .txtinput {
    border: 1px solid #DFDFDF;
    border-radius: 3px 3px 3px 3px;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    margin-right: 50px;
    margin-top: 3px;
    padding: 1px;
    width: 100px;
}
.login-box .signin .button {
    background: none repeat scroll 0 0 #8B8B8B;
    border: 1px solid #818181;
    color: #333333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    left: -2px;
    padding: 3px;
    position: absolute;
    top: 28px;
    width: 45px;
}
.login-box .signin .checkbox {
    color: #EEEEEE;
    font-size: 9px;
    left: -5px;
    margin-top: 3px;
    padding: 1px;
    position: absolute;
    top: -1px;
}
.login-box .signin span {
    font-size: 10px;
    margin-top: 3px;
    padding: 0;
    position: absolute;
    right: 3px;
    top: 50px;
    width: 190px;
}

</style>[/b][b]