شرح تصميم فورم تسجيل دخول بالجيكويرى

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

موقع بالمجان يقدم لكم كل ما هو جديد فى عالم البرمجه التكويد

بسم الله الرحمن الرحيم

اليوم سوف نقوم بشرح كيفيه تصميم فورم تحتوى على انيميشن وسيكون عباره عن لمبه تضىء عندك الكتابة داخل الفورم وتطفىء عند الخروج

اولا : نقوم باستدعاء bootstrap و ادراج صوره svg للمبه التى سوف يتم عمل الانيميشن عليها واضافة style لهذه الصوره كما هو مضح فى الصور الاتيه:

 

ثانيا : نقوم بعمل القسم الخاص بالفورم ووضع الinputs بداخلها مثل الاسم وكلمة المرور والبريد الالكترونى كما هو موضح

ثالثا : عمل كود جى كويرى وذلك لجعل الانيميشن يتحرك وذلك باعطاء الحقول class وعند الضغط على الكلاس نقوم باستدعاء الداله الخاصة به كما هو موضح

 

وفى النهايه نقوم بغلق الscript و body وبذلك تجد انه عند الضغط على الحقل تنير اللمبة كما هو موضح بالفيديو الموجود على القناه الخاصه بالمجان وهى   سيرف فايف 

 

الكود بالكامل للتحميل

code

 

مشاركة

التعليقات

>
1  تعليق علي مقال "شرح تصميم فورم تسجيل دخول بالجيكويرى"
  1. عللى 12 أبريل، 2018 الساعة 6:52 م

    تست

    رد على التعليق

اكتب تعليق


مقالات ذات صلة

اضف موقعك فى 50 دليل اجنبى من موقع بالمجان

50 دليل من ادلة المواقع الاجنبيه يقدمها بالمجان

ادلة المواقع : نشر مقالاتك...

View more
50 دليل من ادلة المواقع من موقع بالمجان

50 دليل من ادلة المواقع العربية يقدمها بالمجان

أدلة المواقع أو أدلة مواقع الويب , تعتبر...

View more
تصدر البحث فى جوجل من موقع بالمجان

اسرار تصدر البحث فى نتائج جوجل

السيو هو أفضل طريقة من...

View more
حماية الحاسوب من الفيروسات من موقع بالمجان

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

يعاني جميع مستخدمي الأجهزة الحاسوبية...

View more

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

بعد فضيحة تسريب بيانات مستخدمي...

View more
الذكاء الاصطناعى من موقع بالمجان

معلومات عن الذكاء الاصطناعى

ما هو الذكاء الاصطناعى :...

View more
هل انت مستعد لتبدء مشروعك الخاص - من موقع بالمجان

ما يجب ان تعرفه عند بدء مشروعك الخاص

مقدمه  : الكل منا يرغب...

View more
تكنولوجيا موقع بالمجان

دور التكنولوجيا فى مجال التعلم و التعليم

تمتلك تكنولوجيا المعلومات و الاتصالات...

View more
الاستضافة من موقع بالمجان

الاستضافة بمفهومها و انواع خدماتها

الاستضافة :  هي عبارة عن...

View more

اهم ٣٤ موقع للصور لجميع المصممين والجرافكيس

تم تجميع افضل ٣٤ موقع...

View more