كيف تستخدم صور موقع Placeholder لشغل المساحات الفارغة في مدونتك

 في كثير من الأحيان يكون لدينا أماكن فارغة في المدونة نظراً لوجود مساحات للإعلانات أو مكان يحتاج ملئه بدلا من كونه فارغ

الحل الطبيعي هو البحث أو عمل صورة مناسبة لملئ هذا المكان وهذا حل جيد لا مشكلة فيه , لكن وقت البحث ورفع الصورة وايجاد لون مناسب الخ كل هذا يمكنك أن توفره بطريقة بسيطة


كيف تستخدم صور موقع Placeholder لشغل المساحات الفارغة في مدونتك

يقدم موقع Placeholder نظام صور يمكنك التحكم به بسهولة وتخصيصه وهذا شرح بسيط له

<img decoding="async"  src="https://via.placeholder.com/800x180/446EAC/FFF?text=كن+مدون" />

شرح الإستخدام


الجزء باللون الوردي 

هو أبعاد الصورة وهذا معناه ان الصورة عرضها 800 وارتفاعها 180 عدل بما تريد ولو جعلتها رقم واحد مثلاً 250 أى ستكون مربعة 250x250


الجزء المعلم بالأزرق

هو لون الصورة يمكنك استخدام نظام hex اللوني الذي نستخدمه في العادة لكن فقط لا تضيف رمز # في بدايته


الجزء المعلم بالأخضر

هو لون النص على الصورة 


الجزء المعلم بالأحمر 

هو الكتابة على الصورة يمكنك وضع مسافة بين كل كلمة بوضع علامة +

لو قمت بإزالة الجزء كاملا سيظهر على الصورة حجمها مثال


2تعليقات

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