المواضيع الأخيرة
» "كود" تغير كلمة الرئيسية اسفل المنتدى الى صورة مصغرة
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 8:29 pm

» كود css تأطير الفئات والاحصائيات والمواضيع وغيرها
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:12 pm

» "كود" وضع أطار لأيقونات الموضوع الجديد و القديم و المغلق أسفل المنتدى في الرئيسية
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:05 pm

» كود تضليل اسم القسم عند المرور عليه بالماوس
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:57 pm

» كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:53 pm

» كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:49 pm

» حل مشكلة الأسطر متقاربة بالمساهمااات
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:36 pm

» كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:33 pm

» طريقة أزالة السطر من تحت أسماء الأعضاء
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:29 pm

» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:24 pm

أفضل 10 أعضاء في هذا الأسبوع


اضافة خانات الدخول بشكل احترافي على عارضة المنتدى

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

AsHeK EgYpT
AsHeK EgYpT
عدد المساهمات : 68

مُساهمةAsHeK EgYpT الإثنين أغسطس 08, 2016 7:18 am

اضافة خانات الدخول بشكل احترافي على عارضة المنتدى


السلام عليكم ورحمة الله وبركاته
اليوم نأتيكم بطريقة جديدة لاضافة خانات الدخول على عارضة المنتدى بشكل متميز ورااائع
بامكانكم معاينة صورة للكود عبر الرابط التالي
اضافة خانات الدخول بشكل احترافي على عارضة المنتدى 1112
نأتي الآن لطريقة اضافة الكواد والعمل
1 - اولا لوحة ادارة / عناصر اضافية / عارضة المنتدى / تشكيل / وقم بتفعيل عارضة المنتدى لتظهر على المنتدى
2 - لوحة ادارة / عناصر اضافية / أكواد جافا سكربت / انشئ كود جديد
- ضع بالعنوان ما يناسبك
- حدد جميع الصفحات
واضف الكود التالي
الكود:
    $(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>');
        })});
3 - لوحة ادارة / مظهر المنتدى / الوان / ورقة تصميم css
واضف الكود التالي
الكود:
.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}

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

رسالة سريعة:

انشئ حساب جديد او سجل دخول لكى تستطيع الرد

يجب ان تمتلك عضوية لتستطيع الرد.

انشاء حساب جديد

انضم لمنتدانا عن طريق انشاء حساب جديد . انها سهلة!


انشاء حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ لا مشكلة, سجل دخول من هنا.


تسجيل دخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى