Какой рейтинг вас больше интересует?
|
Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге
Простой способ закруглить углы изображений2014-01-05 00:46:00 (читать в оригинале)Как автоматически закруглить углы всех изображений в блоге BlogspotЗдравствуйте дорогие гости и читатели. Вот и снова мы встретились, но уже в новом 2014 году. Сегодня в своем небольшом сообщении я хочу рассказать Вам, как вставив код в виде гаджета, мы сможем закруглить все изображения на страницах блога. Код этот был сохранен у меня на компьютере в папке мои документы ещё с июля прошлого года и я, честно сказать и забыла о нем. Вчера решила почистить папку, удалить лишнее и нашла код, поэтому источник происхождения затрудняюсь сказать, пусть простит меня автор. Хочу обратить внимание, что вставив этот код, изображения на страницах Вашего блога все будут отображаться с закругленными углами, даже кто пользуется перелинковкой страниц определенных программ (nRelate.com), миниатюры так же будут с закругленными углами. Единственное, что не изменится, так это картинки в сайдбарах. Что радует, подходит для любого фона дизайна сайта, всех цветов, но за работу скрипта поручится могу только на блогах Blogspot. Предлагаемый скрипт генерирует код border-radius и осуществляет закругление краев изображений, достаточно лишь указать требуемое число округления в пикселях. Слева предлагаю посмотреть на картинки: на первом рисунке края закруглены радиусом 12 рх; на втором 30 рх. Радиус закругления задала больше, разницу в округлении углов Вы видите. А вот и сам небольшой код <style> .post-body img { -webkit-border-radius:12px!important; -moz-border-radius:12px!important; border-radius:12px!important; } </style> Заменив 12 рх на требуемое значение, можно задать закругление изображений больше или меньше. Код вставляете обычным гаджетом: черновик blogger-дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить. В поле название ничего не пишите, расположите гаджет в нижней части макета блога. Кто желает убедиться в работоспособности скрипта слетайте в тестовый блог, сразу на главной странице Вы увидите все картинки цветов с закругленными углами. На этом у меня сегодня все, надеюсь информация будет для Вас полезной. Всего доброго.
|
Категория «Обзоры»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.