p img[src*=".jpg"] {

    background: url('http://abali.ru/wp-content/uploads/2012/10/subtle-pattern-2.jpg') repeat scroll 0% 0% transparent;

    border-radius: 0px;     max-width: 540px;     box-shadow: 1px 1px 10px 1px #99ccff; 

    padding: 10px 32px 67px 32px;

   margin-left: 0%;

 }

Вместо этого фона рамки можно поставить любую картинку. Просто заменяете адрес(http://...) картинки на адрес нужной вам картинки. Достать этот адрес можно так :

кликаем на изображение правой кнопкой мыши

выбираем пункт «копировать адрес/url/» или же «копировать ссылку на изображение»

заменяем в коде адрес

сохранить

Лис уже предлагала скрипт который надо вставлять в окно CSS-дизайна:

p img[src*=".jpg"] {

    background: url('http://abali.ru/wp-content/uploads/2012/10/subtle-pattern-2.jpg') repeat scroll 0% 0% transparent;

    border-radius: 0px;     max-width: 440px;     box-shadow: 1px 1px 10px 1px #99ccff; 

    padding: 10px 32px 87px 32px;

   margin-left: 18%;

 }

Но у меня в блоге этот скрипт исказил все картинки. Тогда я нашла ещё один способ. Мы добавим кнопку ссылки в боковое меню блога. Выглядит это так:

1. Перейдите в Настроки — Блоки

2. Выберите блок Свободный текст и сделайте его видимым. Включен — галочка Да.

3. Внизу окна нажмите на текст HTML/Редактор

4. Вставьте в текстовое поле код:

5. Сам код:

<p align=«center»><a href=«mypage.ru/»><img src=«f.mypage.ru/68e9c6f6d98456fba1bc896c1a4598fb_d91de9594206341d66439deeb6bedd0d.jpg» /></a></p> <ul> <li><a href=«fedora.mypage.ru/»>Мой блог</a></li> <li><a href=«mypage.ru/blog/add-post/»>Написать новый пост</a></li> <li><a href=«mypage.ru/blog/settings/»>Настройки блога</a></li> </ul>

6. Внимание важно! Найдите в этом коде кусок fedora.mypage.ru и замените на адрес своего блога. Иначе ваша ссылка будет вести ко мне.

7. Нажмите сохранить.

8. Мышкой перетащите ваш новый блок куда удобно. Например под блок Визитка.

9. Отчитайтесь о проделанной работе.

    background-image: url();

    color: #000000;

    font-size: 15px;

    font-style: normal;

    font-weight: normal;

}

 #comments { 

    background-image: url();

    color: #000000;

    font-size: 15px;

    font-style: normal;

    font-weight: normal;}

*Если размер текста всё ещё для вам маленький, то меняем оба значения «15» на значение по-больше например на 18. Чтобы было точно так же. Никаких пробелов между 18 и px.

2. Оформление 

3. Редактор CSS 

4. Дополнительный CSS 

просто кликаем туда мышкой и вставляем нужный вам код. Затем нажимаем сохранить. 

НЮАНСЫ (будут пополняться) : 

— если вы хотите заменить какой-нибудь код, то мы удаляем предыдущий с подобной функцией. 

— если вы хотите добавить новый код то ничего удалять не надо, просто добавляем код ниже.