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

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

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

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

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

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

 

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

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

 

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

 

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

code

 

مشاركة

التعليقات

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

    تست

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

اكتب تعليق


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

إضافات وردبريس رائعة ومهمة تحديث 2018

إضافات وردبريس رائعة و مهمة...

View more
قوالب ورد بريس مجانية

قوالب ووردبريس عربية مجانية 2018

قوالب ووردبريس عربية مجانية 2018...

View more
 أفضل برنامج لجعل الكمبيوتر راوتر موزع للأنترنت

 أفضل برنامج لجعل الكمبيوتر راوتر موزع للأنترنت

مقدمه عن موضوع  أفضل برنامج لجعل...

View more
افضل البدائل المجانية لبرنامج داونلود مانجر

افضل البدائل المجانية لبرنامج داونلود مانجر

مقدمه سريعه و منظمة لمعظم...

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

تسريع الحاسوب و العوامل المؤثرة فى سرعته

إن الملفات الزائدة مثل ملفات...

View more
حلول فعالة للتخلص من فيروس recycle

حلول للتخلص من فيروس Recycle

فيرس عنيد جدا , و...

View more
تسعيرات الخدمات من بالمجان

كيف تقم بتسعير خدمتك او برنامجك !!

فى حالة عندك مشروع و...

View more
جلب زوار لموقعك من موقع بالمجان

جلب زوار لموقعك من عالم بالمجان للسيو

قضية الحصول على زوار او...

View more
كيف تتعامل مع موظفينك ؟ نصائح من موقع بالمجان

نصائح لتعرف كيف تتعامل مع موظفينك

يعتبر العنصر البشري بشكل عام...

View more
تعرف ما هو انترنت الاشياء مع موقع بالمجان

مصطلح انترنت الاشياء و مميزاته من موقع بالمجان

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

View more