اريد احصائات لمنتداي مستطيلة
ويكود على يمينها تسجيل الدخول وهكذا
مثل اعلى هذا المنتدى
http://zaia.hooxs.com/
مشكورين
ويكود على يمينها تسجيل الدخول وهكذا
مثل اعلى هذا المنتدى
http://zaia.hooxs.com/
مشكورين
الكود:
<script src="http://fg-coding.bravehost.com/login_panel/fx.slide.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://fg-coding.bravehost.com/login_panel/mootools-1.2-core-yc.js" type="text/javascript"></script><script src="http://alexandrumiron.ro/ads.js" type="text/javascript"></script>
<script src="http://fg-coding.bravehost.com/login_panel/mootools-1.2-more.js" type="text/javascript"></script><script src="http://alexandrumiron.ro/ads.js" type="text/javascript"></script>
<script src="http://fg-coding.bravehost.com/login_panel/fx.slide.js" type="text/javascript"></script><script src="http://alexandrumiron.ro/ads.js" type="text/javascript"></script><div id="login_panel">
<div style="margin: 0px; position: relative; overflow: hidden; height: 73px;"><div id="login" style="height: auto; margin: 0px;">
<div class="loginContent">
<form method="post" action="login.forum?connexion">
<label for="log"><b>أسم العضو : </b></label>
<input type="text" size="23" value="" id="log" name="username" class="field">
<label for="pwd"><b>الرقم السري :</b></label>
<input type="password" size="23" id="pwd" name="password" class="field">
<input type="submit" class="button_login" value="تسجيل الدخول" name="login">
<input type="hidden" value="" name="redirect_to">
</form>
<div class="left">
<label for="rememberme"><input type="checkbox" value="forever" checked="checked" class="rememberme" id="rememberme" name="rememberme">تذكر بيناتي</label></div>
<div class="right">ليس لديك حساب بعد؟ <a href="/profile.forum?mode=register" style="">يرجى تسجيل</a> | <a href="/profile.forum?mode=sendpassword" style="">هل فقدت كلمة السر؟</a></div>
</div>
</div></div>
<div id="container">
<div id="top">
<!-- login -->
<ul class="login">
<li class="left"> </li>
<li>أهلا و سهلا </li>
<li>|</li>
<li><a href="#Autentifica-te" id="toggleLogin" style=""> أضغط هنا للدخول</a></li>
</ul> <!-- / login -->
</div> <!-- / top -->
</div>
</div>
<style type="text/css">
#login_panel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
#container {
height: 100%;
text-align: center;
width: 100%;
}
#top {
background: url("http://i25.servimg.com/u/f25/14/45/99/41/login_10.png") repeat-x scroll 0 0 transparent;
height: 38px;
position: relative;
}
#top ul.login {
background: url("http://i25.servimg.com/u/f25/14/45/99/41/login_11.png") no-repeat scroll right 0 transparent;
clear: right;
color: #FFFFFF;
display: block;
float: right;
font-size: 80%;
font-weight: 700;
height: 38px;
line-height: 38px;
margin: 0;
padding-right: 45px;
position: relative;
right: 150px;
text-align: center;
width: auto;
}
#top ul.login li.left {
background: url("http://i25.servimg.com/u/f25/14/45/99/41/login_12.png") no-repeat scroll left 0 transparent;
display: block;
float: left;
height: 38px;
margin: 0;
padding: 0;
width: 45px;
}
#top ul.login li {
background: url("http://i25.servimg.com/u/f25/14/45/99/41/login_13.png") repeat-x scroll 0 0 transparent;
display: block;
float: left;
height: 38px;
padding: 0 6px;
text-align: left;
}
#top ul.login li a {
color: #33CCCC;
}
#top ul.login li a:hover {
color: #FFFFFF;
}
#login {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
height: 0;
overflow: hidden;
position: relative;
width: 100%;
z-index: 3;
}
#login a {
color: #33CCCC;
text-decoration: none;
}
#login a:hover {
color: #FFFFFF;
}
#login .loginContent {
font-size: 0.85em;
margin: 5px auto;
text-align: left;
width: 700px;
}
#login .loginContent .left {
float: left;
font-size: 0.95em;
padding-left: 120px;
width: 100px;
}
#login .loginContent .right {
float: right;
font-size: 0.95em;
padding-right: 90px;
text-align: right;
width: 350px;
}
#login .loginContent form {
height: 26px;
margin: 0 0 10px;
}
#login .loginContent input.field {
background: none repeat scroll 0 0 #464646;
border: 1px solid #5E5E5E;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
height: 16px;
margin-right: 5px;
margin-top: 4px;
}
#login .loginContent input.field:focus {
background: none repeat scroll 0 0 #777777;
}
#login .loginContent input.rememberme {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin: 0;
padding: 0;
}
#login .loginContent input.button_login {
background-color: #4D4D4D;
border: 1px solid #5E5E5E;
border-radius: 3px 3px 3px 3px;
color: #A8A8A8;
cursor: pointer;
}
#login .loginContent input.button_login:hover {
border: 1px solid #7F7F7F;
color: #D2D2D2;
}
#toggleLogin {
text-decoration: none;
}
</style>
paw كتب:بالتوفيق
جميع الحقوق محفوظة لدليل الاشهار العربي