Как установить рамки для картинок - blogger (blogspot)

Вы хотите добавить рамки для картинок в своем блоге? Отлично, тогда вы попали по нужному адресу. Большинство вебмастеров считает, что их добавление делает сайт более приветливым, а контент более выдающимся, ну каждому свое. Не так давно один из наших пользователей попросил нас написать мануал о том, как можно добавить рамки для картинок своего блога. Я подумал, что это уж совсем просто, и ничего сложного здесь нет, но тогда я вспомнил те времена, когда я начинал свой путь с блогером и сказать по честному было не так уж и легко. Так что этот урок для новичков в самый раз. В общем если вы готовы, тогда мы приступаем.

Для того, чтобы добавить рамки вокруг картинок нужно написать небольшой CSS код. С этим кодом вы сможете задавать разные стили своим рамкам, размер, цвет, в общем изменять их отображение так, как сами того пожелаете. Итак вам нужно зайти в раздел Шаблон - Изменить HTML - нажать сочетание клавиш CTRL+F и найти код b:skin>> перед ним вам нужно будет вставить следующий код:

.post img {
border:5px solid #d2d2d2;
padding:2px;
}


#d2d2d2 - это значение задает цвет можете изменить на свой
значение solid можете менять на следующие значения:
dotted
dashed
double
groove
ridge
inset
outset

В конце не забудьте сохранить шаблон.

Мы надеемся, что эта статья помогла вам разобраться в том, как добавлять рамки вокруг картинок вашего сайта. На этом наш урок окончен.
 


Поделиться

Facebook TwitterGoogle+ Vkontakte

Рекомендуем

Как установить рамки для картинок - blogger (blogspot)
4/ 5
Oleh