Рамочки

Воскресенье, 24 Сентября 2017 г. 20:47 + в цитатник

Цитата сообщения Schamada

Прочитать целиком В свой цитатник или сообщество!

Открытки - рамочки "С днём рождения"

Рамочки сделаны как открыточки.. Они не растягиваются в длину и в ширину,независимо какой текст вы туда напишите, но появится прокрутка.
В комментарии я показала как вносить в рамочку текст..
Если вы вставите код разделителя или картинки, то следите, чтобы картинка не была в ширину больше 350 пикселей, иначе она растянется в ширину и будет уже искажение рамочки.
Приятного творчества.

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/478076/112265771.bef/0_dd010_43a3ea89_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><table width="380" height="500" style=" box-shadow: inset 1px 1px 10px #000000;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#2F0C49;font-size:26px;text-shadow: 0px 0px 1px #262625;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/245409/112265771.bef/0_dd011_80307e7f_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/0/137/408/137408467_1.png');border-radius: 20px 20px 20px 20px;" cellspacing="0" cellpadding="0" width="380"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="380" height="480" style=" box-shadow: inset 1px 1px 10px #000000;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#4A070A;font-size:26px;text-shadow: 0px 0px 1px #262625;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></td></tr></table></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/772910/112265771.bef/0_dd021_2209a2b0_orig.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/0/137/408/137408467_1.png');border-radius: 20px 20px 20px 20px;" cellspacing="0" cellpadding="0" width="380"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="380" height="520" style=" box-shadow: inset 1px 1px 10px #000000;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#4A070A;font-size:26px;text-shadow: 0px 0px 1px #262625;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></td></tr></table></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/482931/112265771.bef/0_dd023_7bd5a862_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><table width="380" height="580" style=" box-shadow: inset 1px 1px 10px #000000;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#B9096D;font-size:26px;text-shadow: 0px 0px 1px #262625;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/372788/112265771.bef/0_dd180_36dc408_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/0/137/408/137408225_1.png');border-radius: 20px 20px 20px 20px;" cellspacing="0" cellpadding="0" width="380"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="380" height="500" style=" box-shadow: inset 1px 1px 15px #fff;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#fff;font-size:26px;text-shadow: 1px 1px 2px #000;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></td></tr></table></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/515846/112265771.bef/0_dd17f_ece1aec7_orig.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/0/137/408/137408570_1.png');border-radius: 20px 20px 20px 20px;" cellspacing="0" cellpadding="0" width="380"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="380" height="500" style=" box-shadow: inset 1px 1px 15px #fff;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#fff;font-size:26px;text-shadow: 1px 1px 2px #262625;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></td></tr></table></center></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/767871/112265771.bef/0_dd17e_f66efb28_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><table width="380" height="520" style=" box-shadow: inset 1px 1px 10px #fff;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:0px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#3C7500;font-size:18px;"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#CDB96E;font-size:26px;text-shadow: 1px 1px 2px #262625;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></span></td></table></div></td></tr></table></td></tr></table></center>

***ВАШ ТЕКСТ ***
Прокрутка появится
после того, как наберёте
свой текст....

<center><table style="width: 800px; border-radius: 20px 20px 20px 20px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://img-fotki.yandex.ru/get/371487/112265771.bef/0_dd17d_1b2e7a07_orig.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="left"><table style="background-image: url('');border-radius: 20px 20px 20px 20px;  " cellspacing="0" cellpadding="0" width="380"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; "><center><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/0/137/408/137408571_2.png');border-radius: 20px 20px 20px 20px;" cellspacing="0" cellpadding="0" width="380"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="380" height="515" style=" box-shadow: inset 1px 1px 15px #fff;border-radius: 20px 20px 20px 20px;" background="" cellspacing="0" cellpadding="0"><td style="padding:3px" zzz="zzz" align="center"><div style="width: 100%; height: 400px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px;  overflow: auto"><span style="font-family:Monotype Corsiva;color:#fff;font-size:26px;text-shadow: 1px 1px 2px #000;"><br />
***ВАШ ТЕКСТ ***<br />
Прокрутка появится<br />
после того, как наберёте<br />
 свой текст....<br />
</span></div></td></table></td></tr></table></center></div></td></tr></table></td></tr></table></center>

Серия сообщений "поздравительные":
Часть 1 - Рамочка поздравительная музыкальная с подарком
Часть 2 - Поздравляю-рамочка
...
Часть 25 - Рамочка
Часть 26 - Рамочка
Часть 27 - Рамочки
Часть 28 - Поздравляю