!!~JusT~!!
Member
الصلاه والسلام على اشرف الخلق اجمين اما بعد
الان وقبل الجميع تسجيل الدخول بالـ JQuery بطريقه رائعه جدا شاهد المثال
قبل الضغط على الايقونه
بعد الضغط على الايقونه
الان ضع الكود اللذيذ
PHP:
<!-- Code by m.daoud -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sliding Side Bar</title>
<style media="all" type="text/css">
body{
position:relative;
padding:0px;
font-size:100%;
}
#sideBar{
position: absolute;
width: auto;
height: auto;
top: 200px;
right:-7px;
background-image:url(images/background.gif);
background-position:top left;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid ;
}
#sideBarContents{
overflow:hidden !important;
}
#sideBarContentsInner{
width:auto;
}
.memberz {
color:#FFF;
margin-top:20px;
margin-right:20px;
}
input[type=submit],input[type=reset]{
display:block;
font:12px Tahoma;
background:#f1f1f1;
color:#555555;
padding:4px 8px;
border:1px solid #ccc;
margin:4px;
font-weight:700;
cursor:pointer;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
input[type=submit]:hover,input[type=reset]:hover{
background:#ffffff;
color:#000000;
}
input[type=text],input[type=password],textarea{
font:12px Tahoma;
padding:3px;
border:1px solid #CCCCCC;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
input[type=text]:hover,input[type=password]:hover,textarea:hover,input[type=text]:focus,input[type=password]:focus,textarea:focus{
background: #fffeec;
border:1px solid #d95e8d;
box-shadow: 0px 1px 3px #d95e8d;
-moz-box-shadow: 0px 1px 6px #d95e8d;
}
</style>
<script type="text/javascript" src="clientscript/mootools.js"></script>
<script type="text/javascript" src="clientscript/side-bar.js"></script>
</head>
<body>
<div id="sideBar">
<a href="#" id="sideBarTab"><img src="images/slide-button.gif" alt="sideBar" title="sideBar" /></a>
<div id="sideBarContents" style="width:0px;">
<div id="sideBarContentsInner">
<div class="memberz">
<!-- / تسجيل الدخول -->
<table style="width: 100%;" cellspacing="0" cellpadding="0" >
<tr>
<td dir="rtl" align="right" class="alt8">
<if condition="$show['member']">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['notifications']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else /><if condition="$show['pmstats']"><br />
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>
<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
<br />
<a href="search.php?$session[sessionurl]do=process&showposts=0&starteronly=1&exactname=1&searchuser=$bbuserinfo[username]">
<font color="#fff">مواضيعي</font></a><font color="#fff">
<span lang="ar-sa">|</span> </font>
<a href="search.php?$session[sessionurl]do=process&showposts=0&exactname=1&searchuser=$bbuserinfo[username]">
<font color="#fff">مشاركاتي</font></a><span lang="ar-sa"><font color="#fff">
| </font></span>
<a href="search.php?do=process&replyless=1&replylimit=0&ex clude=30$session[sessionurl_q]">
<span style="text-decoration: none"><font color="#fff">مواضيع لم يتم الرد
عليها</font></span></a>
</div>
<else />
<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" nowrap style="padding-left: 5px">
<img border="0" src="$stylevar[imgdir_misc]/username.png" alt="$vbphrase[username]""$stylevar[imgdir_misc]/username.png" alt="$vbphrase[username]" border="0" /> </td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar">
<input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont" nowrap="nowrap" style="padding-left: 5px">
<img border="0" src="$stylevar[imgdir_misc]/pass.png" alt="$vbphrase[password]"
"$stylevar[imgdir_misc]/pass.png" alt="$vbphrase[password]" border="0" /> </td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" accesskey="p" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</if>
</td> </tr>
</table>
<!-- / تسجيل الدخول -->
</div>
</div>
</div>
</div>
</body>
</html>
<!--/ Code by m.daoud -->او بأى مكان تريد لكن انا افضل باسفل الهيدر
شرح طريقة البحث عن القوالب من لوحة الإدارة بصورة مبسطة | هام جداً للمبتدئين وبشرح حصري وفريد لمعهد ديليجنت !!!
لكن هناك مشكله ان تسجيل الدخول الاساسى لايزال موجود
انظر
الان ناتى الى قالب الـ Navbar
شرح طريقة البحث عن القوالب من لوحة الإدارة بصورة مبسطة | هام جداً للمبتدئين وبشرح حصري وفريد لمعهد ديليجنت !!!
الان ابحث كما قلت عن الـ Navbar
ثم بداخل القالب ابحث عن
كود:
<if condition="$show['member']">
كود:
<!-- / login form -->بعد ذلك حمل ملقات الـ JQuery
من هنا
حمل
ضعها فى المسار التالى
كود:
vb/clientscript
ملحوظه اعد تسميه الصورتين
username
pass
ضعهما فى المسار التالى
كود:
vb/images/miscدمت بكل ود
والسلام عليكم ورحمه الله وبركاته
