Записи Друзья Комментарии
вера шубина
Аватар вера_шубина

 -Цитатник

Сочетание цвета в нашей жизни.. - (4)

Сочетание цвета в нашей жизни... Цвет в нашей жизни играет огромную рол...

Corel PhotoMirage - программа для анимации картинок - (1)

Corel PhotoMirage - программа для анимации картинок Всем Здравствуйте... Вчера я выст...

Музыкальные альбомы для скачивания - (2)

Музыкальные альбомы для скачивания Для тех пользователей, кто делает музыкальные посты...

Про плеер, прямые ссылки и другое - (1)

Про плеер, прямые ссылки и другое Всем Здравствуйте... Я не зря сегодня выставила Небольш...

Урок. Как сделать простую рамочку для текста. - (6)

Урок. Как сделать простую рамочку для текста ...

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии роза
роза
13:38 27.12.2016
Фотографий: 1
Посмотреть все фотографии серии лилия
лилия
12:38 27.12.2016
Фотографий: 1
Посмотреть все фотографии серии
12:27 27.12.2016
Фотографий: 1

 -Стена

вера_шубина вера_шубина написал 21.05.2017 18:00:45:
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
вера_шубина вера_шубина написал 21.03.2017 08:51:27:
https://yadi.sk/a/vcDH44iA3GC8Wc
вера_шубина вера_шубина написал 13.03.2017 13:19:07:
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
вера_шубина вера_шубина написал 06.03.2017 17:50:25:
<iframe id="airpano_frame" width="700" height="450" src="http://www.airpano.ru/files/Kamchatka-Geyser-Valley/1-3-2" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" framespacing="0"> </iframe> <br><div style="float:right">Источник: <a href="http://www.airpano.ru/" target="_blank">www.AirPano.ru</a></div>
вера_шубина вера_шубина написал 06.03.2017 14:19:23:
http://www.liveinternet.ru/users/6017752/profile/

 -Поиск по дневнику

Поиск сообщений в вера_шубина

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.03.2016
Записей: 12519
Комментариев: 5089
Написано: 30273


Закруглить углы изображения в блоге на Blogger

Понедельник, 16 Апреля 2018 г. 15:53 + в цитатник
Цитата сообщения Иннушка
Прочитать целикомВ свой цитатник или сообщество!
Закруглить углы изображения в блоге на Blogger




















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






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




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


 


Степень закругления углов рамки: 12px


Вставляем в гаджет следующий код:



<!-- Код для закругления углов изображений -->


<style>

.post-body img

{

padding: 8px;

background: #ffffff;

border: 1px solid #b6b5b5;

-webkit-border-radius:12px!important;

-moz-border-radius:12px!important;

 border-radius:12px!important;

}

</style>

<!--/Конец кода для закругления углов изображений -->




   Кодом предусмотрено закругление углов  картинки в 12 пикселов (12px). Заменив на нужное значение все дюжины, выделенные красным цветом, можно сделать округление углов  картинки больше или меньше.

  Дополнительно в коде присутствуют ещё полезные переменные для рамки с бордюром вокруг изображения:

padding: 8px; - ширирина рамки вокруг изображения.

background: #ffffff; - цвет рамки вокруг изображения.

border: 1px solid #b6b5b5; - 1px - ширина, solid - вид (стиль) и #b6b5b5 - цвет границы (бордюра) рамки вокруг изображения.

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





 



Серия сообщений "***УРОКИ по BLOGGER и ЖЖ":

Часть 1 - Полезные советы и подсказки по работе в Живом интернете
Часть 2 - Все гаджеты для Blogger
...
Часть 40 - Горизонтальное меню навигации в блоге на Blogger.
Часть 41 - Вертикальное меню навигации для блога на Blogger
Часть 42 - Закруглить углы изображения в блоге на Blogger
Часть 43 - Мой Красивый Блог - Урок №1
Часть 44 - Мой Красивый Блог - Урок №2
Часть 45 - Мой Красивый Блог - Урок №3
Часть 46 - Мой Красивый Блог - Урок №4


Серия сообщений "*** Энциклопедия бесплатных программ.":
*** Энциклопедия бесплатных программ.
Часть 1 - Энциклопедия бесплатных программ.
Часть 2 - Показ виджетов на выбранных страницах в блоге на Blogger
Часть 3 - На главной странице блога располагаем первым выбранное сообщение
Часть 4 - Описание и ключевые слова в блоге на Blogger
Часть 5 - Закруглить углы изображения в блоге на Blogger

Рубрики:  СООБЩЕНИЕ
СООБЩЕНИЕ
Метки:  
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте