10 февраля 2013

Удалить рамки вокруг картинок на Blogger

В некоторых стандартных шаблонах предлагаемых Blogger, вокруг картинок присутствует рамка. В настройках шаблона можно менять цвет рамки, чтобы рамку не было видно, её можно сделать прозрачной. Если мы хотим полностью удалить рамку в Blogger, чтобы отступов вокруг изображения не было, нужно изменить HTML код шаблона.
Заходим в настройки шаблона,  ставим галочку "Расширить шаблоны виджета", и в
коде находим строку:

.post-body img

В моём шаблоне, код который нужно было удалить имел вот такой вид:
.post-body img {
padding: 8px;
background: transparent;
border: 1px solid transparent;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}


После удаления кода, нажимаем "Просмотр" если рамки вокруг изображений на Blogger пропали то сохраняем шаблон.

Удалить рамки вокруг картинок на Blogger.

3 комментария:

  1. Спасибо)) Использовал Ваш совет здесь http://fiestaagency.blogspot.ru/

    ОтветитьУдалить
  2. Спасибо, не могла понять, в чем дело.

    ОтветитьУдалить
  3. Спасибо...у меня правда он просто post img

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