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

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

Mostadaf

Mostadaf

عضو نشيط
سجل
19 نوفمبر 2020
المشاركات
59
التفاعل
23
الإقامة
المغرب
الموقع
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 يعني اقل طول للصوره​


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

شكرا مسبقا لمروركم جميعا
 
بارك الله فيك
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
المنتدى غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء.
فعلى كل شخص تحمل مسؤولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق واعطاء معلومات موقعه.
المواضيع والتعليقات المنشورة لا تعبر عن رأي منتدى المشاغب ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)
عودة
أعلى