كود حصري ورائع جدا : نافدة الدخول منبثقة

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

كود حصري ورائع جدا : نافدة الدخول منبثقة

مُساهمة من طرف admin في 8/1/2017, 8:52 pm

 

السلام عليكم ورحمة الله وبركاته

صورة توضيحية :




شرح الكود  : الكود كما في الصورة عندما تضغط على كلمة دخول تظهر الناف\ة المنبثفة

تركيب الكود

لوحة الادارة        عناصر إضافية      إدارة أكواد javascript

الإسم : انبثاق خانة الدخول

جميع الصفحات

فضلا منك ضع ردا لترى المحتوى



يمكنك تغيير ألوان الحدود والخلفية عن طريق تعديل CSS في البرنامج النصي

الكود:

        css =
'.loginForm,.loginOverlay{position:fixed;display:none}.loginForm{background:#FBFBFB;border:1px
 solid
#CCC;border-radius:3px;padding:5%;top:20%;left:20%;right:20%;z-index:100001;}@media(max-width:500px){.loginForm{background-image:none}}@media(min-width:1000px){.loginForm{left:25%;right:25%}}.loginForm
 .loginTitle{font-size:12px;margin:5px
0;}.loginOverlay{background:url(http://i39.servimg.com/u/f39/18/21/41/30/overla10.png);left:0;top:0;right:0;bottom:0;z-index:100000;cursor:pointer}.loginForm
 div { text-align:center; }.loginForm .inputbox
{font-size:14px;height:25px;width:50%
!important;border-radius:3px;padding-left:30px;}.loginForm
input{margin:5px 0 !important}.loginForm .button1
{font-size:14px;padding:10px 15px !important;width:54%
!important}#fa_username
{background:url(http://i59.servimg.com/u/f59/18/21/60/73/un10.png)
no-repeat 8px center #FFF}#fa_password
{background:url(http://i59.servimg.com/u/f59/18/45/41/65/pw10.png)
no-repeat 10px center #FFF}'



avatar
admin
المدير
المدير

الجنس : ذكر عدد المساهمات : 61
نقاط : 208
تاريخ التسجيل : 30/07/2014

http://four.top-me.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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


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

  • © phpBB | انشاء منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك مجانيا
    الساعة الأن :