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

Среда, 25 Апреля 2018 г. 04:33 + в цитатник

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

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

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

Спасибо авторам за анимацию: 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>

Рубрики:

ВСЕ ДЛЯ БЛОГА/ОФОРМЛЕНИЯ ДНЕВНИКА/РАМОЧКИ