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

По умолчанию в блогах на 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. Olga30 октября 2013 г. в 13:11

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

    ОтветитьУдалить
  2. Анонимный18 ноября 2013 г. в 14:51

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

    ОтветитьУдалить
  3. Unknown19 января 2014 г. в 02:09

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

    ОтветитьУдалить
  4. Unknown7 апреля 2014 г. в 12:26

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

    ОтветитьУдалить
  5. Mariia Aimanova21 января 2015 г. в 13:04

    Очень классно!! Спасибо;)

    ОтветитьУдалить
  6. Unknown2 февраля 2015 г. в 15:08

    КРУТАЯ!

    ОтветитьУдалить
  7. Елена Невская23 февраля 2015 г. в 11:15

    Большое спасибо за полезную статью!

    ОтветитьУдалить
  8. quiet style3 марта 2015 г. в 16:07

    Спасибо! Наконец-то убрала этот дефект у себя!)

    ОтветитьУдалить
  9. Ірина Топчій16 июня 2015 г. в 00:44

    отлично, как все просто!!! спасибо большое!

    ОтветитьУдалить
  10. Unknown13 ноября 2015 г. в 12:47

    Спасибо большое!)

    ОтветитьУдалить
  11. Mummy8 января 2016 г. в 00:24

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

    ОтветитьУдалить
  12. Irina12 мая 2016 г. в 16:21

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

    ОтветитьУдалить
  13. Сергей Михалев23 мая 2016 г. в 01:25

    Спасибо за статейку!

    ОтветитьУдалить
  14. mr green eye27 июля 2016 г. в 17:43

    СпасибоСпасибоСпасибо!!!

    ОтветитьУдалить
  15. NeZombi28 октября 2016 г. в 06:59

    Супер! Как всегда :)

    ОтветитьУдалить
  16. Unknown11 августа 2017 г. в 14:29

    Помогите с шаблоном Emporio пожалуйста!

    ОтветитьУдалить
  17. Emilio26 июня 2019 г. в 07:40

    Спасибо большое! Очень выручили

    ОтветитьУдалить
  18. Er_Toptaev11 июля 2020 г. в 21:17

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

    ОтветитьУдалить
  19. Er_Toptaev11 июля 2020 г. в 21:19

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

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

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


Подписаться на: Комментарии к сообщению ( Atom )