مرحباً بكم في منتديات المشاغب

المواضيع والدلائل وجميع المحتويات الأخرى في منتدانا متاحة حصريًا لأعضائنا المسجلين. للاستفادة من المحتوى الذي يقدمه منتدانا ، يجب عليك تسجيل الدخول بحسابك أو إنشاء عضوية جديدة.

عملية التسجيل مجانية تمامًا ولا تستغرق سوى بضع ثوانٍ. بعد التسجيل، يمكنك عرض جميع المحتويات وكتابة تعليقات على المواضيع والتفاعل مع المجتمع.

يرجى استخدام الأزرار أدناه لتسجيل الدخول أو التسجيل بسرعة والانضمام إلى منتيدات المشاغب على الفور.

طريقة تصغير الصور تلقائياً في مدونات بلووجر Blogger


Mostadaf

عضو نشيط
إنضم
19 نوفمبر 2020
المشاركات
59
مستوى التفاعل
25
النقاط
0
الإقامة
المغرب
الموقع الالكتروني
mostadaf.com
الجنس
السلام عليكم ورحمة الله وبركاته​

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

ما عليك سوى التوجه من لوحة تحكم مدونتك ثم إلى صفحة تحرير HTML ,ثم ابحث عن

HTML:
]]></b:skin>

و فوقها مباشرة أضف كود CSS الآتي مع استبدال المقاسات بقيمة عرض الصور الأقصى المطلوب:

CSS:
.post img  {
 max-width: 520px;
 width: expression(this.width > 520 ? 520: true);
 }


ادا لم ينجح دالك قم بتجربة هدا الكود :

CSS:
.post img {
    max-width:500px;
    max-height:500px;
    min-width:200px;
    min-height:200px;
    padding : 10px;
    clear: both;
    }


  • max-width:500px يعني اقصي عرض للصوره يساوي 500px غيرها حسب عرض مساحة المقالات..​
  • max-height:500px يعني اقصي طول للصوره 500px غيرها كما تحب..​
  • min-width:200px يعني اقل عرض للصوره​
  • min-height:200px يعني اقل طول للصوره​


انتهى شرحنا اليوم الى شرح قادم

شكرا مسبقا لمروركم جميعا
 
بارك الله فيك
 
مشكووور لك
 
عودة
أعلى أسفل