Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot. Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot.

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

08 февраля 2013, 17:39

Мой блог продолжаю посещать многие начинающие блогеры, не которые из них не бояться задавать вопросы. Хочеться что бы их было больше поскольку темы для постов хочется брать актуальные. В статье  про то как убрать рамки у изображения в блоге (см. Как в постах вокруг фото убрать рамки с тенями) отписалась одна из посетительниц моего блога с вопросом.

Mika а как можно сделать закругленные рамки,как в этом блоге?

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

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

Далее в заходим в свой блог Дизайн - Добавить гаджет - HTML/JavaScript, вставляем там полученный код, заголовок оставить пустым  Готово радуемся в любой момент можно удалить гаджет и все вернется к старым настройкам. Так же код можно вставить в Шаблон  если первый вариант вам не подошел(п.с. только сохраните перед этом старый вариант шаблона).

Степень закругления рамки
Ваш код для вставки:

 

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