نشاط Mostadaf:
-
53
-
0
-
18
- طريقة تصغير الصور تلقائياً في مدونات بلووجر Blogger
السلام عليكم ورحمة الله وبركاته
في هذا الموضوع سنعرض لطريقة ضبط حجم الصور اليا في جميع المقالات والمشاركات داخل مواضيع مدونات البلوجر ففي بعض المدونات نري ان الصوره اكبر من المقال او تتجاوز المساحة المحدده للمشاركة
ما عليك سوى التوجه من لوحة تحكم مدونتك ثم إلى صفحة تحرير 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 يعني اقل طول للصوره
انتهى شرحنا اليوم الى شرح قادم
شكرا مسبقا لمروركم جميعا
