Social Icons





вторник, 2 мая 2017 г.

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

По умолчанию в блогах на 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. Без рамки по умолчанию, по-моему, лучше:
Рамка по умолчанию удалена

Комментариев нет:

Отправить комментарий




Друзья! Вы можете поддержать сайт материально!

 

Реклама:

РЕКЛАМА:




Место Вашей рекламы!

Добавляйтесь ЗДЕСЬ





SEO sprint - Всё для максимальной раскрутки!

















Информация:




Вы можете получить WMR-бонус в размере 0.01-0.02 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Сейчас на сайте:







 
Blogger Templates Генератор ТИЦ