Как убрать рамку вокруг изображения

По умолчанию в блогах на Blogspot-е вокруг изображений (фотографий) в тексте статьи отображается рамка с небольшой тенью. Эта несколько невнятная рамка иногда меня раздражала, но как от неё избавиться, я не знала. Пока совершенно случайно не наткнулась на статью "How To Remove Blogger Picture/Image Shadow And Border".
Оказывается, всё очень просто: нужно просто внести изменения в CSS.
Для этого открываем вкладку "Дизайн" в админке блога → ссылка "Дизайнер шаблонов" → вкладка "Дополнительно" → Добавить CSS

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Ниже приведу скриншоты до и после внесения изменений в CSS.

1. Рамка по умолчанию выглядит так:
Рамка по умолчанию вокруг изображения в блоге

2. Без рамки по умолчанию, по-моему, лучше:
Рамка по умолчанию удалена


Поделиться в соц. сетях:


19 комментариев :

  1. О, Марина, спасибо!! Долго искала, нашла только у вас!!=)))

    ОтветитьУдалить
  2. А у меня в шаблоне наоборот нет окантовки вокруг изображений. А я хочу, чтобы была. Как это сделать?

    ОтветитьУдалить
  3. ура спасибо)я так мечтала избавиться от этой неуместной рамки)

    ОтветитьУдалить
  4. Благодарю за помощь! А-то весь html уже переломал.)

    ОтветитьУдалить
  5. Большое спасибо за полезную статью!

    ОтветитьУдалить
  6. Спасибо! Наконец-то убрала этот дефект у себя!)

    ОтветитьУдалить
  7. отлично, как все просто!!! спасибо большое!

    ОтветитьУдалить
  8. Спасибо... наконец-то я убрала их, они меня так раздражали, эти рамки))))

    ОтветитьУдалить
  9. Вот, СПАСИБО! Замучилась искать, все обходят эту тему, или не понимают, о чет это

    ОтветитьУдалить
  10. Помогите с шаблоном Emporio пожалуйста!

    ОтветитьУдалить
  11. Спасибо большое! Очень выручили

    ОтветитьУдалить
  12. Этот комментарий был удален автором.

    ОтветитьУдалить
  13. Этот комментарий был удален автором.

    ОтветитьУдалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>