admin
10-30-2013, بتوقيت غرينيتش 09:43 PM
http://www.dzbatna.com/images/icons/iconrote.gif [ ط´ط±ط* ] : ط¹ظ…ظ„ طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ط¨ط·ط±ظٹظ‚ط© ط±ط§ط¦ط¹ط© (http://www.dzbatna.com/t2036387/)
♥ السلام عليكم ورحمة الله و بركاته
عدنا اليكم من جديد و بمشروع صغير و جديد , المشروع عبارة عن تغيير شكل تسجيل الدخول الاعتيادي
الى شكل جديد و معاصر
بدون آطالة اترككم مع المثال المصور من سيرفر SERVERي الشخصي
♥ هنا صورة مكان التسجيل قبل مرور الماوس على أيقونة تسجيل الدخول
http://www.dzbatna.com/attachments/628062d1328740340-dev-vb.png
♥ هنا صورة لمكان تسجيل الدخول بعد مرور الماوس على أيقونة تسجيل الدخول
http://www.dzbatna.com/attachments/628063d1328740340-hover.png
♥ نأتي الى طريقة التركيب 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;cursor:pointer;}
#login .achraf:hover{height:25px;width:38px;display:block ;background:url(login-dev/login-green.png) no-repeat top center;cursor:pointer;}
.login1{height:9px;width:100px;position:absolute;t op: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"> </span>
<div class="login1"></div>
<div class="login2">
<div style="padding:5px">
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[useri d]">$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>
<if condition="$show['popups']">
<script type="text/javascript"> في بي vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[s impleversion]"></script>
<script type="text/javascript"> فيبويلتن في بي vBulletin.register_control("في بي vB_Notifications_NoPopups", "notifications"); </script>
</if>
<else /><if condition="$show['pmstats']">
<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>
</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[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</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[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" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</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[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="securitytoken" value="$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>
<!-- / login form -->
</td>
</if>
</div>
<div class="file-new">
<if condition="$show['member']">
<a href="login.php?$session[sessionurl]do=logout&logouthash =$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">الخروج</a>
</if>
<if condition="$show['registerbutton']">
</if>
<a rel="help" href="login.php?do=logout" accesskey="5">$vbphrase[logout]</a>
</div>
</div>
</form>
</div>
</div>
</code> </code>
♥ و أخيرا و ليس آخرا أتمنى أني أكون وفقت في شرح طريقة و ايصال الفكرة ~ تقبلوا خالص تحياتي
التعديل الأخير كان بواسطة :: dev-vb ::; 09 - 02 - 2014 الساعة 01:48
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif login-dev.zip (http://www.traidnt.net/vb/attachments/628064d1328740291-login-dev.zip) (10.1 كيلوبايت, عدد مرات المشاهدة 234 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
♥ السلام عليكم ورحمة الله و بركاته
عدنا اليكم من جديد و بمشروع صغير و جديد , المشروع عبارة عن تغيير شكل تسجيل الدخول الاعتيادي
الى شكل جديد و معاصر
بدون آطالة اترككم مع المثال المصور من سيرفر SERVERي الشخصي
♥ هنا صورة مكان التسجيل قبل مرور الماوس على أيقونة تسجيل الدخول
http://www.dzbatna.com/attachments/628062d1328740340-dev-vb.png
♥ هنا صورة لمكان تسجيل الدخول بعد مرور الماوس على أيقونة تسجيل الدخول
http://www.dzbatna.com/attachments/628063d1328740340-hover.png
♥ نأتي الى طريقة التركيب 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;cursor:pointer;}
#login .achraf:hover{height:25px;width:38px;display:block ;background:url(login-dev/login-green.png) no-repeat top center;cursor:pointer;}
.login1{height:9px;width:100px;position:absolute;t op: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"> </span>
<div class="login1"></div>
<div class="login2">
<div style="padding:5px">
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[useri d]">$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>
<if condition="$show['popups']">
<script type="text/javascript"> في بي vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[s impleversion]"></script>
<script type="text/javascript"> فيبويلتن في بي vBulletin.register_control("في بي vB_Notifications_NoPopups", "notifications"); </script>
</if>
<else /><if condition="$show['pmstats']">
<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>
</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[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</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[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" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</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[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="securitytoken" value="$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>
<!-- / login form -->
</td>
</if>
</div>
<div class="file-new">
<if condition="$show['member']">
<a href="login.php?$session[sessionurl]do=logout&logouthash =$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">الخروج</a>
</if>
<if condition="$show['registerbutton']">
</if>
<a rel="help" href="login.php?do=logout" accesskey="5">$vbphrase[logout]</a>
</div>
</div>
</form>
</div>
</div>
</code> </code>
♥ و أخيرا و ليس آخرا أتمنى أني أكون وفقت في شرح طريقة و ايصال الفكرة ~ تقبلوا خالص تحياتي
التعديل الأخير كان بواسطة :: dev-vb ::; 09 - 02 - 2014 الساعة 01:48
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif login-dev.zip (http://www.traidnt.net/vb/attachments/628064d1328740291-login-dev.zip) (10.1 كيلوبايت, عدد مرات المشاهدة 234 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
