Сегодня 19 января, воскресенье ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7278
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Блог для блогов - создание блога на blogspot
Блог для блогов - создание блога на blogspot
Голосов: 1
Адрес блога: http://bdblogov.blogspot.com/
Добавлен: 2013-06-02 03:52:18 блограйдером Olga28
 

Простой способ закруглить углы изображений

2014-01-05 00:46:00 (читать в оригинале)

Как автоматически закруглить углы всех изображений в блоге Blogspot


Как закруглить углы изображений на страницах блога blogspot
Здравствуйте дорогие гости и читатели. Вот и снова мы встретились, но уже в новом 2014 году. Сегодня в своем небольшом сообщении я хочу рассказать Вам, как вставив код в виде гаджета, мы сможем закруглить все изображения на страницах блога. Код этот был сохранен у меня на компьютере в папке мои документы ещё с июля прошлого года и я, честно сказать и забыла о нем. Вчера решила почистить папку, удалить лишнее и нашла код, поэтому источник происхождения затрудняюсь сказать, пусть простит меня автор. Хочу обратить внимание, что вставив этот код, изображения на страницах Вашего блога все будут отображаться с закругленными углами, даже кто пользуется перелинковкой страниц определенных программ (nRelate.com), миниатюры так же будут с закругленными углами. Единственное, что не изменится, так это картинки в сайдбарах. Что радует, подходит для любого фона дизайна сайта, всех цветов, но за работу скрипта поручится могу только на блогах  Blogspot. 

Автоматическое закругление углов изображений на страницах блога 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-вставить-сохранить. В поле название ничего не пишите, расположите гаджет в нижней части макета блога. Кто желает убедиться в работоспособности скрипта слетайте в тестовый блог, сразу на главной странице Вы увидите все картинки цветов с закругленными углами. На этом у меня сегодня все, надеюсь информация будет для Вас полезной. Всего доброго.



Тэги: изображения

 


Самый-самый блог
Блогер ЖЖ все стерпит
ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.