Анимированные рамочки с прокруткой.

Вторник, 10 Апреля 2018 г. 18:01 + в цитатник

Спасибо авторам за анимацию: Di-za и Kolibri.

ВАШ КРАСИВЫЙ ТЕКСТ
***ваш текст***
Прокрутка появится в том случае, если Вы вставите большой текст.

<center><table style="width: 700px; 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="//img1.liveinternet.ru/images/attach/d/0/141/521/141521435_11.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url(''); " cellspacing="0" cellpadding="0" width="650"><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="300" height="450" style=" box-shadow: inset 1px 1px 10px #000000;" background="//img1.liveinternet.ru/images/attach/d/0/141/521/141521353_821911zpQbbmzL.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"></td></tr></table></div><div style="width: 420; height: 430px; margin-top: 0px; overflow: auto"><span style="font-family:arial;color:#ffffff;font-size:17px;text-shadow: -1px -1px 1px #4F4B45;"><center><br />
ВАШ КРАСИВЫЙ ТЕКСТ<br />
***ваш текст***<br />
Прокрутка появится в том случае, если Вы вставите большой текст.<br />
</center></span></div></td></tr></table></center> <center><a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/d/1/133/400/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" alt="0_9c78b_b08106dc_S (15x17, 0Kb)" /></a></center></td></tr></table></center>

ВАШ КРАСИВЫЙ ТЕКСТ
***ваш текст***
Прокрутка появится в том случае, если Вы вставите большой текст.

<center><table style="width: 700px; 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="///img1.liveinternet.ru/images/attach/d/0/141/521/141521551_7777.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url(''); " cellspacing="0" cellpadding="0" width="650"><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="300" height="450" style=" box-shadow: inset 1px 1px 10px #000000;" background="//img1.liveinternet.ru/images/attach/d/0/141/521/141521545_8212710V5DrMbOB.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"></td></tr></table></div><div style="width: 420; height: 430px; margin-top: 0px; overflow: auto"><span style="font-family:arial;color:#ffffff;font-size:17px;text-shadow: -1px -1px 1px #4F4B45;"><center><br />
ВАШ КРАСИВЫЙ ТЕКСТ<br />
***ваш текст***<br />
Прокрутка появится в том случае, если Вы вставите большой текст.<br />
</center></span></div></td></tr></table></center> <center><a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/d/1/133/400/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" alt="0_9c78b_b08106dc_S (15x17, 0Kb)" /></a></center></td></tr></table></center>

ВАШ КРАСИВЫЙ ТЕКСТ
***ваш текст***
Прокрутка появится в том случае, если Вы вставите большой текст.

<center><table style="width: 700px; 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="///img1.liveinternet.ru/images/attach/d/0/141/521/141521807_44.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url(''); " cellspacing="0" cellpadding="0" width="650"><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="300" height="450" style=" box-shadow: inset 1px 1px 10px #000000;" background="//img0.liveinternet.ru/images/attach/d/0/141/521/141521836_82155428cDAGdHU.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"></td></tr></table></div><div style="width: 420; height: 430px; margin-top: 0px; overflow: auto"><span style="font-family:arial;color:#ffffff;font-size:17px;text-shadow: -1px -1px 1px #4F4B45;"><center><br />
ВАШ КРАСИВЫЙ ТЕКСТ<br />
***ваш текст***<br />
Прокрутка появится в том случае, если Вы вставите большой текст.<br />
</center></span></div></td></tr></table></center> <center><a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/d/1/133/400/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" alt="0_9c78b_b08106dc_S (15x17, 0Kb)" /></a></center></td></tr></table></center>

ВАШ КРАСИВЫЙ ТЕКСТ
***ваш текст***
Прокрутка появится в том случае, если Вы вставите большой текст.

<center><table style="width: 700px; 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="//img0.liveinternet.ru/images/attach/d/0/141/536/141536048_12.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url(''); " cellspacing="0" cellpadding="0" width="650"><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="300" height="520" style=" box-shadow: inset 1px 1px 10px #000000;" background="//img1.liveinternet.ru/images/attach/d/0/141/536/141536015_9201834jNK4KGzD.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"></td></tr></table></div><div style="width: 420; height: 520px; margin-top: 0px; overflow: auto"><span style="font-family:arial;color:#ffffff;font-size:17px;text-shadow: -1px -1px 1px #4F4B45;"><center><br />
ВАШ КРАСИВЫЙ ТЕКСТ<br />
***ваш текст***<br />
Прокрутка появится в том случае, если Вы вставите большой текст.<br />
</center></span></div></td></tr></table></center> <center><a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/d/1/133/400/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" alt="0_9c78b_b08106dc_S (15x17, 0Kb)" /></a></center></td></tr></table></center>

Рубрики:

ДИЗАЙН ДНЕВНИКА/- рамки
МОИ РАБОТЫ/- мои рамочки

Метки: рамочки для текста

Процитировано 44 раз
Понравилось: 123 пользователям

<a href="https://www.liveinternet.ru/users/schamada/post433324563/">РђРЅРёРјРёСЂРѕРІР°РЅРЅС‹Рµ СЂР°РјРѕС‡РєРё СЃ РїСЂРѕРєСЂСѓС‚РєРѕР№.</a><br/>РЎРїР°СЃРёР±Рѕ Р°РІС‚РѕСЂР°Рј Р·Р° Р°РЅРёРјР°С†РёСЋ: Di-za Рё Kolibri.

Р’РђРЁ РљР РђРЎРР’Р«Р™ РўР•РљРЎРў
***РІР°С€ С‚РµРєСЃС‚***
РџСЂРѕРєСЂСѓС‚РєР° РїРѕСЏРІРёС‚СЃСЏ РІ С‚РѕРј СЃР»СѓС‡Р°Рµ, РµСЃР»Рё Р’С‹ РІСЃС‚Р°РІРёС‚Рµ Р±РѕР»СЊС€РѕР№ С‚РµРєСЃС‚.
 
 
Р’РђРЁ РљР РђРЎРР’Р«Р™ РўР•РљРЎРў
***РІР°С€ С‚РµРєСЃС‚***
РџСЂРѕРєСЂСѓС‚РєР° РїРѕСЏРІРёС‚СЃСЏ РІ С‚РѕРј СЃР»СѓС‡Р°Рµ, РµСЃР»Рё Р’С‹ РІСЃС‚Р°РІРёС‚Рµ Р±РѕР»СЊС€РѕР№ С‚РµРєСЃС‚.

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

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

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

Schamada обратиться по имени Вторник, 10 Апреля 2018 г. 18:02 (ссылка)

Копируете код в окошечке, вставляете в простом редакторе вашего дневника, удаляете то, что маркировано жёлтым(см.картинку ниже) и вставляете свой текст.Если Вы не хотите, чтобы текст ложился по центру - просто уберите слово center перед текстом.
4444 (700x283, 78Kb)