عيد الاضحى المبارك


مواضيع تهمك

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

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

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

احصائياتى

الردود
1

المشاهدات
3927
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
09-29-2017, 12:41 PM
المشاركة 1
09-29-2017, 12:41 PM
المشاركة 1
افتراضي كود تصغير الصور تلقائياً في مدونات بلوجر blogger
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في هذا الموضوع سنعرض لطريقة ضبط حجم الصور اليا في جميع المقالات والمشاركات داخل مواضيع مدونات البلوجر ففي بعض المدونات نري ان الصوره اكبر من المقال او تتجاوز المساحة المحدده للمشاركة لن تتعب بعد الان في تحديد احجام الصور في كل مرة تكتب فيها مقال او مشاركة داخل المدونة فهذا الكود يجعل الصور تتحدد اليا في كل مقال لذلك أقدم لكم اليوم هاك بسيط للتحكم في حجم وتصغير الصور الكبيرة تلقائيا ومنعها من الخروج على جسم التدوينة .. ما عليك سوى التوجه من لوح تحكم مدونتك ثم إلى صفحة تحرير HTML ,ثم ابحث عن
كود:
 ]]></b:skin>
و فوقها مباشرة أضف كود CSS الآتي مع استبدال ما لون بالأحمر بقيمة عرض الصور الأقصى المطلوب:
كود:
.post img  {
 max-width: 520px; 
 width: expression(this.width > 520 ? 520: true);
 }
ان لم يفلح هذا الكود معك جرب هذا الكود ا
كود:
    .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 يعني اقل طول للصوره
كدة انتهينا من وضع الكود انهي عملك واضغط حفظ واتوكل علي الله وشوف النتيجة علي الصور
في بعض المدونات في التصميم او الصور تريد وضع جميع الصور بحجم واحد بمعني انهم لا يريدون اقصي عرض واقصي ارتفاع للصوره واقل عرض واقل ارتفاع ..
بمعني ان جميع الصور طول وارتفاع واحد بدون نسبه وتناسب او عمل حساب لاصل الصوره ..
......فانه يجب وضع الكود التالي بدلا من الكود العلوي..
كود:
    .post img {
    width:500px;
    height:400px;
    padding:10px;
    }
انتهى


قديم 01-27-2019, 09:03 AM
المشاركة 2
خالد الرماح
.:: عضو جديد ::.
  • خالد الرماح غير متواجد حالياً
افتراضي رد: كود تصغير الصور تلقائياً في مدونات بلوجر blogger
بارك الله فيك

اضافة رد

العلامات المرجعية

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


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: كود تصغير الصور تلقائياً في مدونات بلوجر blogger
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
كيفية زيادة عدد زوار مدونات بلوجر هيلبرنت ركن تقنيات محركات البحث سيو SEO 0 12-11-2020 09:20 AM
[blogger] اضافة زر نشر صور مواضيع مدونات بلوجر على موقع pinterest اليوم السابع ركن تطوير المواقع 2 04-02-2019 09:37 PM
مميزات مدونة بلوجر , Blogger هيلبرنت ركن تطوير المواقع 2 02-28-2019 02:40 PM
[blogger] شرح تركيب إحصائيات المدونة بشكل جميل في مدونات بلوجر هيلبرنت ركن تطوير المواقع 0 07-07-2018 09:10 PM
تصغير الصور تلقائياً لمجلة ووردبريس Wordpress هيلبرنت ركن تطوير المواقع 1 12-04-2016 02:50 PM




الساعة الآن 05:01 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum