﴿ وَقُل رَّبِّ زِدْنِي عِلْمًا

And say, "My Lord, increase me in knowledge."

[blogger] كود تصغير الصور تلقائياً في مدونات بلوجر blogger

[blogger] كود تصغير الصور تلقائياً في مدونات بلوجر blogger

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

كود تصغير الصور تلقائياً في مدونات بلوجر blogger
المشاهدات: 6552 الردود: 2

هيلبرنت

.:: رفيق درب ::.
رقم العضوية
18
تاريخ التسجيل
2015-07-27
الإقامة
فى الدنيا
الموقع الالكتروني
هيلبرنت
آخر نشاط
المشاركات
11,551
المعدل اليومي
2.83
مستوى التفاعل
59
قوة السمعه
أوسمة العضو
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته​
في هذا الموضوع سنعرض لطريقة ضبط حجم الصور اليا في جميع المقالات والمشاركات داخل مواضيع مدونات البلوجر ففي بعض المدونات نري ان الصوره اكبر من المقال او تتجاوز المساحة المحدده للمشاركة لن تتعب بعد الان في تحديد احجام الصور في كل مرة تكتب فيها مقال او مشاركة داخل المدونة فهذا الكود يجعل الصور تتحدد اليا في كل مقال لذلك أقدم لكم اليوم هاك بسيط للتحكم في حجم وتصغير الصور الكبيرة تلقائيا ومنعها من الخروج على جسم التدوينة .. ما عليك سوى التوجه من لوح تحكم مدونتك ثم إلى صفحة تحرير HTML ,ثم ابحث عن
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
و فوقها مباشرة أضف كود CSS الآتي مع استبدال ما لون بالأحمر بقيمة عرض الصور الأقصى المطلوب:
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

ان لم يفلح هذا الكود معك جرب هذا الكود ا
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
  • max-width:500px يعني اقصي عرض للصوره يساوي 500px غيرها حسب عرض مساحة المقالات..
  • max-height:500px يعني اقصي طول للصوره 500px غيرها كما تحب..
  • min-width:200px يعني اقل عرض للصوره
  • min-height:200px يعني اقل طول للصوره
كدة انتهينا من وضع الكود انهي عملك واضغط حفظ واتوكل علي الله وشوف النتيجة علي الصور
في بعض المدونات في التصميم او الصور تريد وضع جميع الصور بحجم واحد بمعني انهم لا يريدون اقصي عرض واقصي ارتفاع للصوره واقل عرض واقل ارتفاع ..
بمعني ان جميع الصور طول وارتفاع واحد بدون نسبه وتناسب او عمل حساب لاصل الصوره ..
......فانه يجب وضع الكود التالي بدلا من الكود العلوي..
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

انتهى
 
عودة
أعلى