[ إسم العضو و كلمة المرور ] شكل جديد login form

[romaissa]

http://www.dzbatna.com/images/icons/icon20.gif [ ط¥ط³ظ… ط§ظ„ط¹ط¶ظˆ ظˆ ظƒظ„ظ…ط© ط§ظ„ظ…ط±ظˆط± ] ط´ظƒظ„ ط¬ط¯ظٹط¯ login form (http://www.dzbatna.com/t1184168/)



السلام عليكم
اليوم جئتكم بحركة إن شاء الله تكون جديدة ، لاني بحثت عليها و ما وجدتها بالمنتدي
و هي شكل جديد للوحة [ إسم العصو و كلمة المرور ]
اولا لمشاهدة المثال

http://dz-land.co.cc/vb/


ثانيا التطبيق
روح للوحة التحكم .. التحكم بالإستايل styleات .. CSSرئيسي .. تعاريفCSS الإضافية
راح نضيف كلاس لليوزر و الباسوورد
راح نضيع
رمز PHP:

<code style="white-space:nowrap"> <code> .logname {
FONT-FAMILY: Tahoma;
FONT-WEIGHT: Bold;
WIDTH: 100px;
PADDING: 2px 2px 3px 2px;
MARGIN: 0px;
BACKGROUND: url(http://dz-land.co.cc/vb/images/misc/username.png) no-repeat;
BACKGROUND-POSITION: 1px 1px;
BACKGROUND-COLOR: #FFFFFF;
VERTICAL-ALIGN: middle;
}
.logpass {
FONT-FAMILY: Tahoma;
FONT-WEIGHT: Bold;
WIDTH: 100px;
PADDING: 2px 2px 3px 2px;
MARGIN: 0px;
BACKGROUND: url(http://dz-land.co.cc/vb/images/misc/password.png) no-repeat;
BACKGROUND-POSITION: 1px 1px;
BACKGROUND-COLOR: #FFFFFF;
VERTICAL-ALIGN: middle;
}
</code> </code>

لا تنسي تغير مسار الصور
http://................/vb/images/misc/username.png
http://................/vb/images/misc/password.png

بعدها نروح لقالب template النافبار
نبحث عن





رمز PHP:

<code style="white-space:nowrap"> <code> <!-- 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&#93;"></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_register&#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 -->
</code> </code>

رمز PHP:

<code style="white-space:nowrap"> <code> <!-- 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&#93;"></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="logname" 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="logpass" 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_register&#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 -->
</code> </code>

و ارفق الصور التالية لنفس مسار اللي وضعته الفوق في CSS
ارفقت نوعين من الصور حسب الحاجة http://www.dzbatna.com/images/smilies/nosweat.gif،
صفراء و زرقاء

وهاهي النتيجة
http://dzbatna.net/vb/attachment.php?attachmentid=364555&stc=1&d=1240177823








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©