[ شرح طريقة ] : عمل تسجيل الدخول بطريقة رائعة

[admin]

[ ط´ط±ط* ] : ط¹ظ…ظ„ طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ط¨ط·ط±ظٹظ‚ط© ط±ط§ط¦ط¹ط©

---

♥ السلام عليكم ورحمة الله و بركاته

عدنا اليكم من جديد و بمشروع صغير و جديد , المشروع عبارة عن تغيير شكل تسجيل الدخول الاعتيادي
الى شكل جديد و معاصر


بدون آطالة اترككم مع المثال المصور من سيرفر SERVERي الشخصي


♥ هنا صورة مكان التسجيل قبل مرور الماوس على أيقونة تسجيل الدخول



♥ هنا صورة لمكان تسجيل الدخول بعد مرور الماوس على أيقونة تسجيل الدخول





♥ نأتي الى طريقة التركيب install


أولا و قبل كل شيء قم برفع المجلد " login-dev " الموجود داخل الملف المضغوط ( في المرفقات ) الى مجلد منتداك الرئيسي


ثانيا نقوم باضافة الكود code التالي في خيارات الـ css الاضافية للاستايل style المراد تركيب install المشروع عليه


رمز PHP:

<code style="white-space:nowrap"> <code> .shown{overflow:hidden;} .shown:hover{overflow:visible;}
#login{height:25px;width:38px;position:absolute;to p:0px;left:15px;}
#login .achraf{height:25px;width:38px;display:block;backg round:url(login-dev/login100.png) no-repeat top center;cursorointer;}
#login .achraf:hover{height:25px;width:38px;display:block ;background:url(login-dev/login-green.png) no-repeat top center;cursorointer;}
.login1{height:9px;width:100px;position:absolute;top:25px;right:0;background:url(login200.gif) no-repeat top right;}
.login2{height:100px;width:300px;position:absolute;top:34px;left:0;background:#fff;}
.login2 form{background-color:#fff;padding:2px 8px;margin:0;color:#aaa;}
.login2 input{width:80px;margin:2px 0px;font:normal 8pt tahoma;padding:0px;border:1px solid #dee8ea;padding:2px;border-bottom:0;border-right:0;background:#edf7fa;color:#72b5c8;}
.login2 input.login-button{border:0;background:#fff;color:#888;border-bottom:1px dashed #bbb;width:auto;}
.login2 p{margin:8px 0px;padding:0px;} .login2 a{color:#888;} .login2 a:hover{color:#cc0000;}
</code> </code>

ثالثا اضافة الكود code التالي في قالب template الــ header

رمز PHP:

<code style="white-space:nowrap"> <code> <div id="login" class="shown">
<span class="achraf">&nbsp;</span>
<div class="login1"></div>
<div class="login2">



<div style="padding:5px">
<if condition="$show&#91;'member'&#93;">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo&#91;username&#93;" 2="member.php?$session&#91;sessionurl&#93;u=$bbuserinfo&#91;userid&#93;">$vbphrase&#91;welcome_x_link_y&#93;</phrase></strong><br />
<phrase 1="$pmbox&#91;lastvisitdate&#93;" 2="$pmbox&#91;lastvisittime&#93;">$vbphrase&#91;last_visited_x_at_y&#93;</phrase>

<if condition="$show&#91;'notifications'&#93;">
<div><span id="notifications"><a href="usercp.php$session&#91;sessionurl_q&#93;">$vbphrase&#91;your_notifications&#93;:</a> <strong>$notifications_total</strong></span></div>
<if condition="$show&#91;'popups'&#93;">
<script type="text/javascript"> في بي vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions&# 91;simpleversion&#93;"></script>
<script type="text/javascript"> فيبويلتن في بي vBulletin.register_control("في بي vB_Notifications_NoPopups", "notifications"); </script>
</if>
<else /><if condition="$show&#91;'pmstats'&#93;">
<div><phrase 1="$vbphrase&#91;unread_x_nav_compiled&#93;" 2="$vbphrase&#91;total_x_nav_compiled&#93;" 3="$session&#91;sessionurl_q&#93;">$vbphrase&#91;p rivate_messages_nav&#93;</phrase></div>
</if></if>

<if condition="$show&#91;'pmwarning'&#93;"><div><stron g><phrase 1="$vbphrase&#91;pmpercent_nav_compiled&#93;">$vbp hrase&#91;your_pm_box_is_x_full&#93;</phrase></strong></div></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show&#91;nopasswordempty&#93">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions&#91;simpleversion&#9 3;"></script>
<table cellpadding="0" cellspacing="$stylevar&#91;formspacer&#93;" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase&#91;username&#93;</label></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&#91;username&#93;" onfocus="if (this.value == '$vbphrase&#91;username&#93;') 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" />$vbphrase&#91;remember_me&#93;</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase&#91;password&#93;</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase&#91;log_in&#93;" tabindex="104" title="$vbphrase&#91;enter_username_to_login_or_re gister&#93;" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session&#91;sessionhash&#93;" />
<input type="hidden" name="securitytoken" value="$bbuserinfo&#91;securitytoken&#93;" />
<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 -->
</td>
</if>
</div>
<div class="file-new">

<if condition="$show&#91;'member'&#93;">
<a href="login.php?$session&#91;sessionurl&#93;do=log out&amp;logouthash=$bbuserinfo&#91;logouthash&#93; " onclick="return log_out('$vbphrase&#91;sure_you_want_to_log_out&#9 3;')">الخروج</a>
</if>

<if condition="$show&#91;'registerbutton'&#93;">

</if>
<a rel="help" href="login.php?do=logout" accesskey="5">$vbphrase&#91;logout&#93;</a>
</div>
</div>
</form>
</div>
</div>
</code> </code>

♥ و أخيرا و ليس آخرا أتمنى أني أكون وفقت في شرح طريقة و ايصال الفكرة ~ تقبلوا خالص تحياتي

التعديل الأخير كان بواسطة :: dev-vb ::; 09 - 02 - 2014 الساعة 01:48

ألعاب الأندرويد مجانا و حصريا

الملفات المرفقة [TR]
login-dev.zip (10.1 كيلوبايت, عدد مرات المشاهدة 234 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©