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

Всем доброго времени суток. Снова и снова возвращаюсь к теме изображений, картинок в блоге. Думаю многие обратили внимание на то , что  в шаблоне Blogger уже изначально заложено, что вокруг вех изображений, которые мы добавляем в сообщения появляется рамка.

Может это кому-то и нравиться, но мне с самого начала хотелось от неё избавиться. Ни как она мне глаз не радовала.

 Сейчас , как вы видите, рамочки вокруг изображений у меня нет. Меня такой вариант больше устраивает. Что нужно сделать для того, чтобы эту рамку убрать.

Копируйте код, который приведён ниже.

.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 и в поле вставляем этот код. Не забудьте нажать применить к блогу. Вот и всё.

Смело возвращаемся в блог и любуемся результатом.

Если не получается установить код предложенным способом, есть другой вариант. Идём во вкладку шаблон-изменить HTML. Находим строку ]]></b:skin> и сразу над ней устанавливаем его.
Кто пока не знает как проще это сделать, прочитайте этот пост. Всё должно получиться.

Вот такая сегодня короткая шпаргалочка получилась.

Удачи всем нам. 

хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :