Рамочки для оформления кулинарных рецептов

Среда, 18 Марта 2020 г. 10:07 + в цитатник

В тексте размер картинки (или видеоролика) - не более 400 px в ширину

Здесь будет текст...
прокрутка появится,
как только будет вставлен
длинный текст

Код рамочки:

<center><table style="background-image: url('http://images.vfl.ru/ii/1584474827/9cf48dd7/29908418.jpg'); background-color: #; height: 425px; border-radius: 0px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background:#; background-image: url(''), url('http:'), url('g'); background-repeat: repeat-y, repeat-y,repeat; background-position: 0%, 100%; height: 425px; padding:0px 0px 0px 0px; border-radius: 0px; box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 7px 12px -2px rgba(0,0,0,0.8);" cellspacing="0" cellpadding="0"><tr><td style="padding:4px 0px 4px 425px"><table style="background:#; background-image: url('ОБВОДКА'), url('http:'), url('g'); background-repeat: repeat-y, repeat-y;background-position: 0%, 100%; padding:0px 0px 0px 0px; border-radius: 0px;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px 0px 0px 2px" zzz="zzz" align="center"><table style="background-image: url('Основной фон'); border-radius:0px; background-color: #; cellspacing=" cellpadding="0" cellspacing="0" width="400"><tr><td style="padding:4px" zzz="zzz" align="center"><div style="overflow-x; auto; overflow-y: auto; height: 380px; width: 400px; background-color: #xxxxxx; text-align: center; padding: 0px 3px 0px 3px; font face: Cambria; color:#000; line-height: 1.5; font-size: 18px;"><font face="Cambria" color="#585858" style="font-size:18px">Здесь будет текст...<br />
прокрутка появится,<br />
как только будет вставлен<br />
длинный текст<br />
<br /> </font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Здесь будет текст...
прокрутка появится,
как только будет вставлен
длинный текст

Код рамочки:

 <center><table style="background-image: url('http://images.vfl.ru/ii/1584474828/4b3f7739/29908419.jpg'); background-color: #; height: 425px; border-radius: 0px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background:#; background-image: url(''), url('http:'), url('g'); background-repeat: repeat-y, repeat-y,repeat; background-position: 0%, 100%; height: 425px; padding:0px 0px 0px 0px; border-radius: 0px; box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 7px 12px -2px rgba(0,0,0,0.8);" cellspacing="0" cellpadding="0"><tr><td style="padding:4px 0px 4px 425px"><table style="background:#; background-image: url('ОБВОДКА'), url('http:'), url('g'); background-repeat: repeat-y, repeat-y;background-position: 0%, 100%; padding:0px 0px 0px 0px; border-radius: 0px;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px 0px 0px 2px" zzz="zzz" align="center"><table style="background-image: url('Основной фон'); border-radius:0px; background-color: #; cellspacing=" cellpadding="0" cellspacing="0" width="400"><tr><td style="padding:4px" zzz="zzz" align="center"><div style="overflow-x; auto; overflow-y: auto; height: 380px; width: 400px; background-color: #xxxxxx; text-align: center; padding: 0px 3px 0px 3px; font face: Cambria; color:#000; line-height: 1.5; font-size: 18px;"><font face="Cambria" color="#585858" style="font-size:18px">Здесь будет текст...<br />
прокрутка появится,<br />
как только будет вставлен<br />
длинный текст<br />
<br /> </font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Здесь будет текст...
прокрутка появится,
как только будет вставлен
длинный текст

Код рамочки:

 <center><table style="background-image: url('http://images.vfl.ru/ii/1584474828/95dc4484/29908421.jpg'); background-color: #; height: 425px; border-radius: 0px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background:#; background-image: url(''), url('http:'), url('g'); background-repeat: repeat-y, repeat-y,repeat; background-position: 0%, 100%; height: 425px; padding:0px 0px 0px 0px; border-radius: 0px; box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 7px 12px -2px rgba(0,0,0,0.8);" cellspacing="0" cellpadding="0"><tr><td style="padding:4px 0px 4px 425px"><table style="background:#; background-image: url('ОБВОДКА'), url('http:'), url('g'); background-repeat: repeat-y, repeat-y;background-position: 0%, 100%; padding:0px 0px 0px 0px; border-radius: 0px;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px 0px 0px 2px" zzz="zzz" align="center"><table style="background-image: url('Основной фон'); border-radius:0px; background-color: #; cellspacing=" cellpadding="0" cellspacing="0" width="400"><tr><td style="padding:4px" zzz="zzz" align="center"><div style="overflow-x; auto; overflow-y: auto; height: 380px; width: 400px; background-color: #xxxxxx; text-align: center; padding: 0px 3px 0px 3px; font face: Cambria; color:#000; line-height: 1.5; font-size: 18px;"><font face="Cambria" color="#585858" style="font-size:18px">Здесь будет текст...<br />
прокрутка появится,<br />
как только будет вставлен<br />
длинный текст<br />
<br /> </font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Здесь будет текст...
прокрутка появится,
как только будет вставлен
длинный текст

Код рамочки:

 <center><table style="background-image: url('http://images.vfl.ru/ii/1584474828/d0e02c1f/29908422.jpg'); background-color: #; height: 425px; border-radius: 0px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background:#; background-image: url(''), url('http:'), url('g'); background-repeat: repeat-y, repeat-y,repeat; background-position: 0%, 100%; height: 425px; padding:0px 0px 0px 0px; border-radius: 0px; box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 7px 12px -2px rgba(0,0,0,0.8);" cellspacing="0" cellpadding="0"><tr><td style="padding:4px 0px 4px 425px"><table style="background:#; background-image: url('ОБВОДКА'), url('http:'), url('g'); background-repeat: repeat-y, repeat-y;background-position: 0%, 100%; padding:0px 0px 0px 0px; border-radius: 0px;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px 0px 0px 2px" zzz="zzz" align="center"><table style="background-image: url('Основной фон'); border-radius:0px; background-color: #; cellspacing=" cellpadding="0" cellspacing="0" width="400"><tr><td style="padding:4px" zzz="zzz" align="center"><div style="overflow-x; auto; overflow-y: auto; height: 380px; width: 400px; background-color: #xxxxxx; text-align: center; padding: 0px 3px 0px 3px; font face: Cambria; color:#000; line-height: 1.5; font-size: 18px;"><font face="Cambria" color="#585858" style="font-size:18px">Здесь будет текст...<br />
прокрутка появится,<br />
как только будет вставлен<br />
длинный текст<br />
<br /> </font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Серия сообщений "- Кулинарные":
Часть 1 - Рамочка"Чаепитие"
Часть 2 - Рамочка для рецептов
...
Часть 9 - Рамочка для записи кулинарных рецептов
Часть 10 - Пирог с яблоками
Часть 11 - Рамочки для оформления кулинарных рецептов
Часть 12 - Рамочка кулинарная