التخطي إلى المحتوى الرئيسي

تكبير الصورة باستخدام لغة HTML و CSS

صورة
بواسطة

في التدوينة التالية نتعرف على: طريقة تكبير الصورة في لغة HTML - CSS


تستطيع استخدام img:hover:
نستخدم img:hover في لغة Css اي عند النقر او تمرير المؤشر على الصورة ولدينا الكثير من الاستخدامات الخاصة بأيعاز hover

تكبير الصورة باستخدام لغة HTML و CSS
ملحوظة:
في الهاتف يجب النقر على الصورة
في الكمبيوتر فقط قم بتمرير المؤشر على الصورة


- خطوات تكبير الصورة:
١ -  نستخدم أيعار img في لغة HTML
٢ - نحدد العرض والارتفاع للصورة في لغة CSS
٣ - نستخدم img:hover وثم نقوم بتحديد العرض والارتفاع لتكبير الصورة

نستطيع مشاهدة العمل التالي، ولمعرفة طريقة استخدام الايعازات بشكل الصحيح


التسميات:

المشاركات الشائعة من هذه المدونة

تغيير لون الخلفية عند نقل المؤشر باستخدام لغة CSS

بواسطة
في التدوينة التالية نتعرف على: تغيير لون الخلفية عند نقل المؤشر باستخدام لغة CSS الطريقة عبارة عن تغيير لون الخلفية عند نقل المؤشر الى مكان الخلفية، وعند اخراج المؤشر من المساحة المحددة لها سوف يعود لون الخلفية الرئيسي. في بادئ الامر كانت عبارة عن فكرة، وثم قمنا بتطبيقها وبعد ان راينا النتائج، قررنا ان نقم بتحويله الى فديو ورفعهُ على قناة اليوتيوب  Sarmad Saad ، لتعم الفائدة، وكان هدفنا من نشر الفكرة، هو بان تتحول الى فكرة الجميع يستفاد من الفكرة البسيطة. ماذا تنفع طريقة  تغيير لون الخلفية عند نقل المؤشر باستخدام لغة CSS؟؟: جمالية في الموقع من ناحية التصميم تحديد مساحة معينا تغيير لون الخلفية عند نقل المؤشر في CSS أبهار الزائر لرؤية الرموز المستخدمة، ننصحك زيارة:  SoloLearn ملحوظه/ في الهاتف يجب النقر على الكلام لتغير لون الخلفية، في الحاسوب فقط نقل المؤشر الى مكان الخلفية لون الخلفية الرئيسي لون احمر تغيير لون الخلفية الى اللون الأزرق لمشاهدة قائمة التشغيل لتعلم CSS:  نتعلم سوياً لغة Css لمشاهدة الفديو: شكراً لكَ للمشاركة تطبيق| محترف الكمبيوتر للمعلومات م...
إرسال تعليق
قراءة المزيد

إيقاف تخطيط الشاشة الرئيسية

بواسطة
في التدوينة التالية نتعرف على: إيقاف تخطيط الشاشة الرئيسية . تخطيط الشاشة الرئيسية: هو نقل موضع(مكان) العنصر(التطبيق) من موضعه الأصلي الى موضع آخر. يساعد إيقاف تخطيط الشاشة الرئيسية: •عدم تغير موضع التطبيق(العنصر). خطوات إيقاف تخطيط الشاشة الرئيسية: ١- نذهب الى الإعدادات ٢- الشاشة --> الشاشة الرئيسية ٣- تفعيل إقفال تخطيط الشاشة الرئيسية لمشاهدة الفديو: تطبيق| محترف الكمبيوتر للمعلومات شكراً لكَ للمشاركة
إرسال تعليق
قراءة المزيد

تطبيق Cake لتعلم إنكليزي

بواسطة
في التدوينة التالية نتعرف على: تطبيق Cake لتعلم إنكليزي هو تطبيق لتعلم اللغة الإنكليزية من خلال مقاطع الفديو المترجمة، أي الأفلام القصيرة مثل مقاطع الفديو او العرض الإعلاني لفلم معين، وهو تطبيق مجاني لا يتضمن إعلانات، وأيضا يستطع المتعلم إنكليزي ان يتعلم اللغة العربية، ونحن نوصي به. التطبيق يضم قنوات عديدة لتعلم اللغة الإنكليزية من خلال الكوميدية او التمثيل او أفلام كارتون او أغاني ديزني او اليوميات وغيرهم الكثير، وأيضا يضم منافسة للدوري، أكبر عدد من يجمع نقاط، والفائز يترقى الى الدوري الأعلى. لغة الإنكليزية مهم تعلمها، لان عند تعلمها تفتح لنا أفاقاً جديدة، لان الان كما نرى بان الإنكليزية تحتل المركز الأول من حيث التعلم، لا نقصد بان تعلم فقط اللغة الإنكليزية ونتخلى عن اللغات الأخرى، ولكن تعلم أي لغة أخرى يكن افضل، بسبب قدرة التواصل مع أصحاب اللغة الثانية وتوسيع نطاق معرفتك. تعلم اللغة لا يعتمد على كلمة مستحيل او صعب التعلم، ولكن يعتمد على اصرارك وحبك للتعلم. لزيارة الموقع الرسمي:  MyCake لتنزيل التطبيق من: Google Play App Store التطبيق س...
إرسال تعليق
قراءة المزيد

عمل شرائح صور بشكل احترافي

بواسطة
في التدوينة التالية نتعرف على: عمل شرائح صور بشكل احترافي ان برنامج beatsync تابع لبرنامج Kine master لتنزيل البرنامج  في جوجل بلي Play store مميزات البرنامج: إنهُ سهل التعامل. مونتاج صور بشكل فديو.  مونتاج كثيرة ومختلفة من حيث الموسيقى والتصميم.  اختيار ٣٠ صورة حد اقصى.  تعديل عن طريق برنامج Kine master . برنامج Kine master لتنزيل البرنامج جوجل بلي Play store لتنزيل البرنامج Apple store لمشاهدة الفديو: تطبيق| محترف الكمبيوتر للمعلومات
إرسال تعليق
قراءة المزيد