طريقة جديدة لاضافة خانات الدخول على عارضة المنتدى بشكل متميز ورااائع

نأتي الآن لطريقة اضافة الكواد والعمل

1 - اولا لوحة ادارة / عناصر اضافية / عارضة المنتدى / تشكيل / وقم بتفعيل عارضة المنتدى لتظهر على المنتدى

2 - لوحة ادارة / عناصر اضافية / أكواد جافا سكربت / انشئ كود جديد
- ضع بالعنوان ما يناسبك
- حدد جميع الصفحات
واضف الكود التالي

الكود:

[center]
[color=#003300][b][/b][/color][/center]
[center][color=#003300][b]$(function(){$(function(){               
          $('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum" method="post"><input class="fa_login"type="text" name="username" maxlength="50" placeholder="اسم مستخدم" /><input class="fa_login" type="password" name="password" maxlength="50" placeholder="كلمة السر"/><input type="submit" name="login" id="fa_enter" value="دخول"/></form>');
        })});[/b][/color][/center]
[center][/center]




- لوحة ادارة / مظهر المنتدى / الوان / ورقة تصميم css
واضف الكود التالي

الكود:

[center]
[color=#003300][b][/b][/color][/center]
[center][color=#003300][b]/* دخول على عارضة المنتدى */
.fa_login {
    background-color: #FFF;
    border: 1px solid #00A5CD;
    border-radius: 3px;
    width: 105px;
    margin-right: 5px;
    padding: 2px;
    border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }

    #fa_enter {
    background-color: #00B9E6;
    border: 1px solid #00A5CD;
    border-radius: 3px;
    padding: 2px 5px;
    border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }

    #fa_enter:hover {
    background-color: #00A5CD;
    }[/b][/color][/center]






ff