03.07.2013

Закругляем углы изображения

Это может быть полезно любому желающему кто захочет сделать закругления изображения в своем блоге.

Для автоматизации процесса есть скрипт который генерирует код border-radius который и позволяет осуществлять закругления краев изображение, закругление кроссбраузерное в Opere, Chrome, IE, Mozila будет работать даже в старых версиях. Для этого вам в коде скрипта необходимо указать число желаемого закругления в пикселах. Далее в заходим в свой блог "Дизайн" - "Добавить гаджет" - "HTML/JavaScript",вставляем там получившийся код. Заголовок оставляем пустым. Готово. Радуемся.



В любой момент можно удалить гаджет и все вернется к старым настройкам. Так же код можно вставить в шаблон если первый вариант вам не подошел (только обязательно сохраните перед изменением старый вариант шаблона). 

Степень закругления рамки: 4
Вставляем в гаджет следующий код:

<style>
.post-body img
{
-webkit-border-radius:4px!important;
-moz-border-radius:4px!important;
 border-radius:4px!important;
}
</style>

Кодом предусмотрено закругление рамки изображения в 4 пиксела (4pxl). Увеличив или уменьшив 4 можно сделать закругление больше или меньше. Выбирайте!