لا شك في ان قالب بلوجر المتجاوب اصبح احد اهم المميزات التي تتميز بها القوالب الحديثة في بلوجر، بل ان التجاوب أصبح صفة لا غني عنها في تلك القوالب، وفي هذا الموضوع سيكون حديثنا عن كيفية الحفاظ علي تجاوب جميع الصور داخل مدونتك ف حالة أستخدام قالب متجاوب
الحفاظ علي تجاوب الصور لا يحتاج العديد من الاكواد فقط قم بالدخول لمنصة تعديل الاكواد في قالبك وبعد ذلك قم بالبحث عن
هذا الكود يعطي لجميع الصور التي تظهر في مدونتك حد اقصي من العرض وهو 98% من المحيط الذي يشغله مثلا هذة الصورة عرضها 500px فعندما يصبح المحيط الذي تشغله الصورة أقل من 500px ستصبح الصورة خارج هذا الأطار لذا كان هذا الكود محافظاً عليها بداخل الأطار تماماً مهما بلغت نسبة تجاوب القالب الذي تستخدمه.
الحفاظ علي تجاوب الصور لا يحتاج العديد من الاكواد فقط قم بالدخول لمنصة تعديل الاكواد في قالبك وبعد ذلك قم بالبحث عن
</head>
وفوقه مباشرة ضع الكود التالي<style> img { max-width: 98% !important; } </style>
شرح الكود
هذا الكود يعطي لجميع الصور التي تظهر في مدونتك حد اقصي من العرض وهو 98% من المحيط الذي يشغله مثلا هذة الصورة عرضها 500px فعندما يصبح المحيط الذي تشغله الصورة أقل من 500px ستصبح الصورة خارج هذا الأطار لذا كان هذا الكود محافظاً عليها بداخل الأطار تماماً مهما بلغت نسبة تجاوب القالب الذي تستخدمه.
ربنا يبارك فيك الى الامام يا بطل
ردحذفشكراً :))
حذفممكن اعرف اه اهمية كلمة !important يا اخى
ردحذفوشكرا على التدوينة المهمة
جزاكم الله خيرا
ردحذفكيف اجعل الصورة داخل التدوينة تظهر بحجمها الحقيقي دون ان تخرج من اطارها
ردحذفمثلا وضعت غلاف للفيس بوك في التدوينة واردته ان يظهر بحجمه الحقيقي
مع المحافظة على تجاوب الصورة في المتصفحات والاجهزة المختلفة ايباد ايفون ....الخ
وشكرا على الدرس
شكرا جزيلا
ردحذف