طريق جديد لأحتراف التدوين

السبت، 16 نوفمبر 2013

6 تعليق

طريقة الحفاظ علي تجاوب الصور في تصميمات بلوجر المتجاوبة

السبت، 16 نوفمبر 2013
لا شك في ان قالب بلوجر المتجاوب اصبح احد اهم المميزات التي تتميز بها القوالب الحديثة في بلوجر، بل ان التجاوب أصبح صفة لا غني عنها في تلك القوالب، وفي هذا الموضوع سيكون حديثنا عن كيفية الحفاظ علي تجاوب جميع الصور داخل مدونتك ف حالة أستخدام قالب متجاوب

الحفاظ علي تجاوب الصور لا يحتاج العديد من الاكواد فقط قم بالدخول لمنصة تعديل الاكواد في قالبك وبعد ذلك قم بالبحث عن </head> وفوقه مباشرة ضع الكود التالي

<style> img { max-width: 98% !important; } </style>

شرح الكود


هذا الكود يعطي لجميع الصور التي تظهر في مدونتك حد اقصي من العرض وهو 98% من المحيط الذي يشغله مثلا هذة الصورة عرضها 500px فعندما يصبح المحيط الذي تشغله الصورة أقل من 500px ستصبح الصورة خارج هذا الأطار لذا كان هذا الكود محافظاً عليها بداخل الأطار تماماً مهما بلغت نسبة تجاوب القالب الذي تستخدمه.


Author image
عن الكاتب

محمد السيد وألقب ب (ميدو) مصري الوطن والجنسية، أبلغ من العمري 20 عاماً، بدأت في مجال التدوين في عام 2011، تدرجت في هذا المجال حتي يومنا هذا وقد بلغت من العلم قليله.

هناك 6 تعليقات:


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

  1. ربنا يبارك فيك الى الامام يا بطل

    ردحذف
  2. ممكن اعرف اه اهمية كلمة !important يا اخى

    وشكرا على التدوينة المهمة

    ردحذف
  3. جزاكم الله خيرا

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

    ردحذف