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

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

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

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

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

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

 

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

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

 

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

 

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

code

 

مشاركة

التعليقات

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

    تست

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

اكتب تعليق


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اقوى اضافات لمتصفح جوجل كروم

يعد حاليا جوجل كروم هو...

View more
لزيادة سرعة الهاتف و عمر البطارية

اعدادات مهمه تجعل هاتفك اسرع و عمر بطارية اطول

من المتعارف عليه ان هناك...

View more