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

[Okba.Dz]

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

-*-*-*- كيفية الاضافة -*-*-*-
روح للوحة التحكم .. التحكم بالإستايلات .. CSSرئيسي .. تعاريفCSS الإضافية
راح نضيف كلاس لليوزر و الباسوورد
راح نضيع

.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(https://www.4algeria.com/vb/images/misc/password.png) no-repeat;
    BACKGROUND-POSITION: 1px 1px;
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
}

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

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

<!-- 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 -->

نستبدلها بـ

<!-- 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="logname" 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="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[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 -->

و ارفق الصور التالية لنفس مسار اللي وضعته الفوق في CSS
ارفقت نوعين من الصور حسب الحاجة

،
صفراء و زرقاء

وهاهي النتيجة

الايقونات بالمرفقات


​

 

[Okba.Dz]

جميل

مستخدمينها هنــا في اللمة ,,

يلا +++++ ليك

حياكْ الباري يالغالي على المُرور نورت ...

تسلمْ على التقييمْ

 

[bmx]

ممممممممممممممم والله مليح

 

[Okba.Dz]

ممممممممممممممم والله مليح

حياكْ الباري على المُرور الروع ـة ~

تـ ح ــيآتي لكَ

 

[ou@il_39]

مشكوور اخي
​

 

[mimo91]

شكرررررررررررررررررررررررررررررررررررررررررررا

 

[boutarfaya]

شكرا لك اخي
​

 

[TamerLover]

.. الســــــــلام عليــــــــكم ..

.. مــــــرحبــا أخي عقبــة .. كيف حــالكـ ؟ ..
.. يــا رب تكـــون في أحســـن حــال ..

.. فكــرة هــايلــة .. شفتهــا في كم منتدى و عجبتنــي ..
.. كنت نحــوس عليهــا .. و الحمد لله كي راكـ موجــود ^_~ ..
.. ربي يعطيكـ الصحــة يالغــــالي ..

.. دمــت في أمـــــــان الله ..


​