الصور متجاوبة مع اي مدونة او موقع لا تحتاج لتعديل مقاساتها

انسخ الكود بالاسفل والصقه في المكان المناسب علي مدونتك او موقعك

<style>

.image-gallery{

width:100%;

}

@media screen and (max-width: 1800px) {
  
 .image-gallery{
  width:100%;

}
}

/* -- Small screen size -- */
@media screen and (max-width: 800px) {
  .image-gallery{
    width:100%;
  }
}

/* Micro screen size*/
@media screen and (max-width: 800px) {
  .image-gallery{ 
    -webkit-column-count: 1;  -webkit-column-gap: 0px;
       -moz-column-count: 1;     -moz-column-gap: 0px;
            column-count: 1;          column-gap: 0px;  
  }
  .image-gallery{
    width:100%;
  }
  
  .image-gallery img{ /* fills 100% width on small screen */
    width:100%;
    height:auto;
  }
}
</style>
<div class="image-gallery">
<div style="text-align: center;">
<a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZQGnJeR2_bl9kPcxr_LDBLU59cwdj_dI5CeF_Cj8e6Qk1WBo7oG8u-oKIb0mwcNiCRPQ789alVw6FevfjesAEHw2kBSj8KM9cN6X7DYi1iCBwFX5HAQiA0YnN8Hs-dr4ExzQ5NbafvkCvhQvxRsEDllNQFaTytHT9OpXTEGHVbnR8L8Cjehg7hPrd/s1600/palestine1.png" alt="" ></a></div>
  <br />
<br /></div>

<style>

.image-gallery{

width:100%;

}

@media screen and (max-width: 1800px) {
  
 .image-gallery{
  width:100%;

}
}

/* -- Small screen size -- */
@media screen and (max-width: 800px) {
  .image-gallery{
    width:100%;
  }
}

/* Micro screen size*/
@media screen and (max-width: 800px) {
  .image-gallery{ 
    -webkit-column-count: 1;  -webkit-column-gap: 0px;
       -moz-column-count: 1;     -moz-column-gap: 0px;
            column-count: 1;          column-gap: 0px;  
  }
  .image-gallery{
    width:100%;
  }
  
  .image-gallery img{ /* fills 100% width on small screen */
    width:100%;
    height:auto;
  }
}
</style>
<div class="image-gallery">
<div style="text-align: center;">
<a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjumt9zZwdgBoLUymdFXJncjRkBuw6bTt0HU-mqi90K-utYqMyidKe5_irqiuAq_7P6g4LypDUnp4h3pri7fO-B-YYyYSWI8DBb4Mua7v8eP8zNARiJDV8QoGw1fl3ZIAweKeyCWALyn2zt8b02m0wpXF6OYAeQV-0V3r45UQu-B6EVrMNmq7qe-Xq/s1600/1.jpg" alt="" ></a></div>
  <br />
<br /></div>

<style>

.image-gallery{

width:100%;

}

@media screen and (max-width: 1800px) {
  
 .image-gallery{
  width:100%;

}
}

/* -- Small screen size -- */
@media screen and (max-width: 800px) {
  .image-gallery{
    width:100%;
  }
}

/* Micro screen size*/
@media screen and (max-width: 800px) {
  .image-gallery{ 
    -webkit-column-count: 1;  -webkit-column-gap: 0px;
       -moz-column-count: 1;     -moz-column-gap: 0px;
            column-count: 1;          column-gap: 0px;  
  }
  .image-gallery{
    width:100%;
  }
  
  .image-gallery img{ /* fills 100% width on small screen */
    width:100%;
    height:auto;
  }
}
</style>
<div class="image-gallery">
<div style="text-align: center;">
<a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0mS-gWyExb0AhmNzxocqAzzt1K6ArpJjDYcmM5_MFDejxM9SxVlYLZElsl9GzcHQXRc0aH_QAXt6gNuoEzE0Spwy7BfbbGOzMZIkMcrxmmIyzByxlzf45gV3N5-Iqpbp_32vBZbObL-UJ_H8yUdvjp8fl5T6jBQUWMyThL_NjrNTEo2gjIQrJwK6/s1600/2.jpg" alt="" ></a></div>
  <br />
<br /></div>

<style>

.image-gallery{

width:100%;

}

@media screen and (max-width: 1800px) {
  
 .image-gallery{
  width:100%;

}
}

/* -- Small screen size -- */
@media screen and (max-width: 800px) {
  .image-gallery{
    width:100%;
  }
}

/* Micro screen size*/
@media screen and (max-width: 800px) {
  .image-gallery{ 
    -webkit-column-count: 1;  -webkit-column-gap: 0px;
       -moz-column-count: 1;     -moz-column-gap: 0px;
            column-count: 1;          column-gap: 0px;  
  }
  .image-gallery{
    width:100%;
  }
  
  .image-gallery img{ /* fills 100% width on small screen */
    width:100%;
    height:auto;
  }
}
</style>
<div class="image-gallery">
<div style="text-align: center;">
<a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEijpO_8bbPw2ai87ov6Rq1B9H1d2WE4qc296YCBQVFaBKW9zzoRqGZtzyouB8f0T4dBRHnpvxwpWrwh8C8g_u-3MtJil7q6HkkKrOFOf6CmC3xIbXEpcemzVWw2bwtvP1jYrpx-v8IjNJ2N47zARiTa06l6yAlkhQq8Cft_owIUPp7gesobgD7su2wZ=s200" alt="" ></a></div>
  <br />
<br /></div>

أخبار فلسطين

عربي ودولي

شؤون اسرائيلية

اخبار الرياضة

المجتمع والحوادث

اقلام وآراء

مكتبة الفيديو

كود اضافة مدونة الاحرار الي موقعك

تغطية قناة العربي

انتفاضة الحجارة

آخر الأخبـــار

الأكثر قراءة

ابحث في المدونة

أدوات

1