Кулинарная рамочка для ваших рецептов №1

Суббота, 01 Октября 2016 г. 08:05 + в цитатник

Рамочка с прокруткой текста и без прокрутки.
В рамочку можно вставлять картинки размером не более 600 px в ширину. Беря код рамочки не забывайте, Пожалуйста, ПРОЦИТИРОВАТЬ. Понравился пост, нажмите на кнопочку НРАВИТСЯ, в низу поста.

МАКЕТ РАМКИ

 ...ВАШ ТЕКСТ...
 
Код HTML без прокрутки текста:
 <center><table border="0" background="https://img-fotki.yandex.ru/get/126937/134489858.90/0_181c65_f5b1eef7_XL.png" cellpadding="0" cellspacing="0" height="389" width="750"> <tr><td> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/94893/134489858.90/0_181c66_cf7611e2_XL.png" cellpadding="0" cellspacing="0" height="78" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="600"><center><span style="font-family: courier new, courier, monospace; color:#452d0b; line-height: 1.5; font-size:20px">...ВАШ ТЕКСТ...</span></center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/93451/134489858.90/0_181c64_ecb66aa8_XL.png" cellpadding="0" cellspacing="0" height="93" width="750"><tr><td><center><a target="_blank" href="http://beautiflash.ru/" title="Beauti_Flash "><img src="//img1.liveinternet.ru/images/attach/c/6/124/643/124643849_aramat_0X2.gif" width="15" height="15" alt="aramat_0X2 (15x15, 1Kb)" /> </a></center></td></tr></table></center> 
Код HTML с прокруткой текста:
 <center><table border="0" background="https://img-fotki.yandex.ru/get/126937/134489858.90/0_181c65_f5b1eef7_XL.png" cellpadding="0" cellspacing="0" height="389" width="750"> <tr><td> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/94893/134489858.90/0_181c66_cf7611e2_XL.png" cellpadding="0" cellspacing="0" height="78" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="600"><center><span style="font-family:AGReverance;color:#452d0b;font-size:25px"><br />
<div style="width: 95%; height: 60px; margin-top: 0px; margin-left: 0px; text-align: center; padding: 0px 5px 0px 5px; font-family: courier new, courier, monospace; color:#; line-height: 1.5; font-size: 20px;  overflow: auto">...ВАШ ТЕКСТ...</div></span></center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/93451/134489858.90/0_181c64_ecb66aa8_XL.png" cellpadding="0" cellspacing="0" height="93" width="750"><tr><td><center><a target="_blank" href="http://beautiflash.ru/" title="Beauti_Flash "><img src="//img1.liveinternet.ru/images/attach/c/6/124/643/124643849_aramat_0X2.gif" width="15" height="15" alt="aramat_0X2 (15x15, 1Kb)" /> </a></center></td></tr></table></center> 

ПРИМЕЧАНИЕ: Прокрутку текста можно увеличивать, и ставить там, где вам нужно. Если текст выходит за рамочку,уменьшите размер текста в коде.

Это код прокрутки Чтобы увеличить прокрутку

измените  размер 60px на ваш, размер текста , цвет и шрифт можно изменять на ваш, в вашем посту