كود تسجيل دخول الاعضاء مثل موقع تويتر رائع جدا

[b][b]<!-- بدايه كود الدخول lamsa-t.com -->

<!-- BEGIN switch_user_logged_out -->

<!-- بدايه الكود الدخول lamsa-t.com.html -->

<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"> هل لديك حساب <a href="login"
 class="signin"><span>دخول</span></a> <a
href="register"
class="register"><span>التسجيل</span></a>
</div>
  <fieldset id="signin_menu">
    <form method="post" id="signin" action="{S_LOGIN_ACTION}"
onsubmit="md5hash(vb_login_password, vb_login_md5password,
vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
    <label for="{L_USERNAME}">الاسم</label>
<input id="Post" type="text" value="" tabindex="101" accesskey="u" name="username" />
      </p>
      <p>
        <label for="{L_PASSWORD}">الرقم السري</label>
<input id="post" type="password" value="" tabindex="102" accesskey="u" name="password" />
      </p>
      <p class="remember">
        <input type="submit" class="mainoption" name="login" value="دخول" tabindex="104" >
            <input type="checkbox" name="autologin" checked="true">
                    <span span lang="ar-sa">البقاء متّصلاً</span>
</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>
<!-- نهايه كود الدخول lamsa-t.com.html -->


<!-- بدايه كود الدخول lamsa-t.com.css -->

<style type="text/css">




#container {
    float:right;
    margin:0 auto;
    position: relative;
}
a img {
    border-width:0;
}
#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("http://i29.servimg.com/u/f29/16/09/35/44/signin12.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin:hover {
    background:#15579b;
    *background:transparent url("http://i29.servimg.com/u/f29/16/09/35/44/signin13.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}
a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("http://i29.servimg.com/u/f29/16/09/35/44/toggle13.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
#topnav a.register {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("http://i29.servimg.com/u/f29/16/09/35/44/signin12.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register:hover {
    background:#15579b;
    *background:transparent url("http://i29.servimg.com/u/f29/16/09/35/44/signin13.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register, #topnav a.register:hover {
    *background-position:0 3px!important;
}
a.register {
    position:relative;
    margin-left:0px;
}
a.register span {
    background-image:url("http://i29.servimg.com/u/f29/16/09/35/44/regist11.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
 
#topnav a.menu-open {
    background:#0d3156!important;
    color:#fff!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("http://i29.servimg.com/u/f29/16/09/35/44/toggle10.png");
    color:#fff;
}
#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
  /* background-color:#0d3156; */
    background:url(http://i29.servimg.com/u/f29/16/09/35/44/login_11.png) #0d3156 repeat-x;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fff;
    font-size:11px;
}
#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px solid #ADADAD;
border-left : medium solid #ADADAD;
border-right : medium solid #ADADAD;
-moz-border-radius: 10px;
padding: 3px; margin: 3px;
font-weight:bold;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#fff;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#fff!important;
}
#signin_menu p a:hover {
    text-decoration:underline;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color:#0d3156;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}



</style>

<!-- نهايه كود الدخول lamsa-t.com.css -->


<!-- END switch_user_logged_out -->

<!-- نهايه كود الدخول lamsa-t.com -->[/b][/b]