Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 17 - Поговорим ещё раз о рамочках!
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 16 - Комментарий к встретившемуся коду рамочки
Часть 17 - Поговорим ещё раз о рамочках!
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 15 - Комментарий к встретившемуся коду рамочки.
Часть 16 - Комментарий к встретившемуся коду рамочки
Часть 17 - Поговорим ещё раз о рамочках!
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 14 - Простые рамочки с обводкой.
Часть 15 - Комментарий к встретившемуся коду рамочки.
Часть 16 - Комментарий к встретившемуся коду рамочки
Часть 17 - Поговорим ещё раз о рамочках!
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 13 - Простые рамочки ...
Часть 14 - Простые рамочки с обводкой.
Часть 15 - Комментарий к встретившемуся коду рамочки.
Часть 16 - Комментарий к встретившемуся коду рамочки
Часть 17 - Поговорим ещё раз о рамочках!
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

ФОРМУЛА

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #ЦВЕТ ОБВОДКИ;background-color:#ЦВЕТ РАМОЧКИ;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="ССЫЛКА НА ДНЕВНИК" target="_blank"><img src="КАРТИНКА" width="5" height="5" border="0" title="ИМЯ" alt="" /></a></span></td></tr></table></div>

***1

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#BBC3CB;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***2

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#F6C3CA;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***3

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#FCEDEF;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***4

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#EDFCED;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***5

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#B3F3B4;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***6

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#F3EDB3;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***7

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#F3D0B3;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***8

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#F9E9DB;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***9

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#F9C9DB;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***10

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#B9B998;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***11

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#9C9B6C;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

***12

***Здесь будет ваш текст***

<div align="center"><table style="border:4px ridge #000;background-color:#ECD9AB;" border="0" cellpadding="0" cellspacing="0" width="780"><tr><td style="padding:10px;box-shadow: inset 0px 0px 20px #000;" align="center"><span style="font-family:Georgia;color:#000;font-size:22px;text-shadow: 1px 1px 0px #f7f3f1;"><br /> ***Здесь будет ваш текст***<br /> <a href="https://www.liveinternet.ru/users/komjati/profile" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2018/12/9509e7e41f6c3a0c4e0345857f0f59a2.gif" width="5" height="5" border="0" title="Natali Komjati" alt="" /></a></span></td></tr></table></div>

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 12 - Простые рамочки...
Часть 13 - Простые рамочки ...
Часть 14 - Простые рамочки с обводкой.
Часть 15 - Комментарий к встретившемуся коду рамочки.
Часть 16 - Комментарий к встретившемуся коду рамочки
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 8 - Без заголовка
Часть 9 - Формула рамки для бегущего текста...
Часть 10 - Бегущий текст
Часть 11 - Простые овальные рамочки с бордюром
Часть 12 - Простые рамочки...
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 7 - Простые объемные рамочки
Часть 8 - Без заголовка
Часть 9 - Формула рамки для бегущего текста...
Часть 10 - Бегущий текст
Часть 11 - Простые овальные рамочки с бордюром
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 5 - Поговорим ещё раз о рамочках!
Часть 6 - Рамочки с черным фоном
Часть 7 - Простые объемные рамочки
Часть 8 - Без заголовка
Часть 9 - Формула рамки для бегущего текста...
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
...
Часть 4 - Рамочки с весенними фонами и тенью
Часть 5 - Поговорим ещё раз о рамочках!
Часть 6 - Рамочки с черным фоном
Часть 7 - Простые объемные рамочки
Часть 8 - Без заголовка
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Перед вами шаблон для рамочки с черным фоном. Можете сделать рамочку только с картинкой, а разделитель удалить. В качестве разделителя можно использовать картинку того же формата, картинку на прозрачном фоне или подходящий клипарт. Картинки можете брать в моем дневнике без всякого цитирования из раздела картинок. Они все есть в свободном доступе в интернете. Здесь будет ваш текст <center><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413660_zr9.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"> <tbody><tr><td style="padding:6px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#000000" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#dcb650;font-size:26px"><i><img src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><br /><br />Здесь будет ваш текст<br /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" width="ШИРИНА" /><br /></i></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center> Рамочка с черным фоном выполненная по предложенному шаблону. Здесь будет ваш текст <center><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413660_zr9.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"> <tbody><tr><td style="padding:6px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#000000" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#dcb650;font-size:26px"><i><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413715_kwf.jpg" width="700" height="467" alt="kwf (700x467, 347Kb)" /><br /><br />Здесь будет ваш текст<br /><br /><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413683_zkr.png" width="300" /><br /></i></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center> С предложенной внешней окантовкой рамочки черный фон можно заменить на коричневый, рамочка тоже будет выглядеть нормально. Рамочка с коричневым фоном. Здесь будет ваш текст <center><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413660_zr9.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"> <tbody><tr><td style="padding:6px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#664400" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#dcb650;font-size:26px"><i><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413715_kwf.jpg" width="700" height="467" alt="kwf (700x467, 347Kb)" /><br /><br />Здесь будет ваш текст<br /><br /><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413683_zkr.png" width="300" /><br /></i></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center> А вот если вы хотите использовать какой-нибудь другой фон, то самый простой вариант - это удаление окантовки. Для этого в шаблоне надо выделить все теги, относящиеся к окантовке, и удалить их. Закрывающие теги убрать, но если вы сами их не уберете, то они будут все равно удалены автоматически. В шаблоне предусмотрена окантовка каждого из четырех фонов, это бордюр шириной в 2px коричневого цвета. Вы можете изменить цвет этой окантовки, заменив 663300 другим значением в одном или в нескольких местах. Здесь будет ваш текст <center><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#a3747b" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#f1dbdf;font-size:26px"><i><img src="//img0.liveinternet.ru/images/attach/d/4/162/413/162413812_vgt.jpg" width="700" height="700" alt="vgt (700x700, 469Kb)" /><br /><br />Здесь будет ваш текст<br /><br /><img src="//img1.liveinternet.ru/images/attach/d/4/162/208/162208643_vp.png" width="300" height="200" alt="vp (300x200, 83Kb)" /><br /></i></span></td></tr></tbody></table></center> Удачи всем желающим!

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
Часть 3 - шаблон рамки
Часть 4 - Рамочки с весенними фонами и тенью
Часть 5 - Поговорим ещё раз о рамочках!
Часть 6 - Рамочки с черным фоном
Часть 7 - Простые объемные рамочки
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
Часть 3 - шаблон рамки
Часть 4 - Рамочки с весенними фонами и тенью
Часть 5 - Поговорим ещё раз о рамочках!
Часть 6 - Рамочки с черным фоном
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...

Серия сообщений "♦ делаем рамки":
Часть 1 - Несколько рамочек с пасхальными фонами.
Часть 2 - скелет рамки
Часть 3 - шаблон рамки
...
Часть 18 - КОД к HTML-рамочке-обводке с тенью для текста, фон дневника.
Часть 19 - И снова о простых рамочках
Часть 20 - Поговорим о рамочках...