Картинка в посте с круглыми краями без использования фоторедакторов

Очередной урок по блогодизайну. У меня в запасе есть и более сложные уроки, они со временем тоже появятся, а пока простые, легкие, и самые нужные. 

Итак. Я уже рассказывала, как убрать надоевшую рамку с тенью вокруг изображений в одном из уроков, а сегодня мы поговорим о возможности закруглить края у изображения. Возможно, кому-то недостает данной функции, да и не во многих блогах я видела подобный вариант дизайна изображений в посте.

Все очень просто, скопируйте данный код, и вставьте его в следующую директорию:

настройки - шаблон - настроить - дополнительно - добавить CSS

 .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border-radius: 30px ;
  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;
} 

Значение тега   border-radius: можно менять на нужное вам, но в данном случае выбрано значение 30 px, что дает мягкие круглые края. Если вы поставите значение 50 px, все картинки в вашем блоге будут круглыми.

Надеюсь, этот урок вам пригодится. Если у вас возникнут вопросы, задавайте их в комментариях, а так же если вы хотели бы увидеть определенный урок, можете так же сообщить об этом мне в комментариях.

Напоминаю, что осталось совсем немного времени, чтобы успеть принять участие в розыгрыше моего дизайна. Не забывайте, скоро кому-то он достанется.