Дополнение к

уроку Юлия_Гурбер

***Текст***

<center><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

В рамочку хорошо ложится сбоку картинка. Меняя картинку, можно придать индивидуальность каждому посту

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667416_0_b6bb0_e03902dd_orig.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

Текст

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667802_0_aff16_b300bd09_orig.png" width="150" height="" border="0" align="left" /><br /><br /><div style="padding: 10px 10px; background: #FE9980; width: 750px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" align="right" /></a></center></div></center>

Серия сообщений "*** уроки":

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 21 - Фон для записи
Часть 22 - Обводка внутри рамки (блока)
Часть 23 - Простые рамочки-обводки для текста
Часть 24 - Урок по рамочкам - составлен по просьбе
Часть 25 - Рамка вокруг изображения
...
Часть 43 - Текст на картинке и показать картинки с прокруткой
Часть 44 - Для тех, кто хочет научиться делать рамочки с тенью
Часть 45 - урок, как сделать рамочку (по просьбе)