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

Понедельник, 25 Сентября 2017 г. 10:30 + в цитатник

Цитата сообщения 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 пользователю

<a href="https://www.liveinternet.ru/users/gudosh/post421975914/">РћС‚РєСЂС‹С‚РєРё - СЂР°РјРѕС‡РєРё &quot;РЎ РґРЅС‘Рј СЂРѕР¶РґРµРЅРёСЏ&quot;</a><br/>РћС‚РєСЂС‹С‚РєРё - СЂР°РјРѕС‡РєРё  "РЎ РґРЅС‘Рј СЂРѕР¶РґРµРЅРёСЏ"

Р Р°РјРѕС‡РєРё СЃРґРµР»Р°РЅС‹ РєР°Рє РѕС‚РєСЂС‹С‚РѕС‡РєРё.. РћРЅРё РЅРµ СЂР°СЃС‚СЏРіРёРІР°СЋС‚СЃСЏ РІ РґР»РёРЅСѓ Рё РІ С€РёСЂРёРЅСѓ,РЅРµР·Р°РІРёСЃРёРјРѕ РєР°РєРѕР№ С‚РµРєСЃС‚ РІС‹ С‚СѓРґР° РЅР°РїРёС€РёС‚Рµ, РЅРѕ РїРѕСЏРІРёС‚СЃСЏ РїСЂРѕРєСЂСѓС‚РєР°.
Р’ РєРѕРјРјРµРЅС‚Р°СЂРёРё СЏ РїРѕРєР°Р·Р°Р»Р° РєР°Рє РІРЅРѕСЃРёС‚СЊ РІ СЂР°РјРѕС‡РєСѓ С‚РµРєСЃС‚..
Р•СЃР»Рё РІС‹ РІСЃС‚Р°РІРёС‚Рµ РєРѕРґ СЂР°Р·РґРµР»РёС‚РµР»СЏ РёР»Рё РєР°СЂС‚РёРЅРєРё, С‚Рѕ СЃР»РµРґРёС‚Рµ, С‡С‚РѕР±С‹ РєР°СЂС‚РёРЅРєР° РЅРµ Р±С‹Р»Р° РІ С€РёСЂРёРЅСѓ Р±РѕР»СЊС€Рµ 350 РїРёРєСЃРµР»РµР№, РёРЅР°С‡Рµ РѕРЅР° СЂР°СЃС‚СЏРЅРµС‚СЃСЏ РІ С€РёСЂРёРЅСѓ Рё Р±СѓРґРµС‚ СѓР¶Рµ РёСЃРєР°Р¶РµРЅРёРµ СЂР°РјРѕС‡РєРё.
РџСЂРёСЏС‚РЅРѕРіРѕ С‚РІРѕСЂС‡РµСЃС‚РІР°.

***Р’РђРЁ РўР•РљРЎРў ***
РџСЂРѕРєСЂСѓС‚РєР° РїРѕСЏРІРёС‚СЃСЏ
РїРѕСЃР»Рµ С‚РѕРіРѕ, РєР°Рє РЅР°Р±РµСЂС‘С‚Рµ
 СЃРІРѕР№ С‚РµРєСЃС‚....

***Р’РђРЁ РўР•РљРЎРў ***
РџСЂРѕРєСЂСѓС‚РєР° РїРѕСЏРІРёС‚СЃСЏ
РїРѕСЃР»Рµ С‚РѕРіРѕ, РєР°Рє РЅР°Р±РµСЂС‘С‚Рµ
 СЃРІРѕР№ С‚РµРєСЃС‚....... <a href="https://www.liveinternet.ru/users/gudosh/post421975914/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Музыка

-Рубрики

-Поиск по дневнику

-Подписка по e-mail

-Статистика

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