Рамочки для текста.

Среда, 14 Июля 2021 г. 16:16 + в цитатник

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

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

В коде ширина рамки на 820 пик. Размер картинки можно вставлять любой. Обновила свои рамки, которые находятся по этой ссылке:Beauti_Flash. Здесь я заменила градиенты на фоны, изменила размер радиуса и добавила ещё один слой рамки.

 ..... Ваш красивый текст .....     

<center><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/3/155/827/155827979_fonuy_teksturuy__24_.png'); border-radius: 0px;box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:17px 20px 17px 20px"><table style="background-image: url('g'); background-color: #4C6A48;box-shadow: 0px 3px 2px rgba(0,0,0,0.3), 0px -2px 2px rgba(0,0,0,0.3); border-radius: 20%; " cellpadding="0" cellspacing="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-image: url('');background-color: #4C6A48; " cellspacing="0" cellpadding="0"><tr><td style="padding:0px 12px 0px 12px"><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/3/155/827/155827979_fonuy_teksturuy__24_.png'); border-radius: 20%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);" cellspacing="0" cellpadding="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-color: #4C6A48; background-image: url('g');outline: 2px dotted #F1F0DD; outline-offset: -10px; box-shadow: 1px 1px 5px #000000;" cellpadding="0" cellspacing="0" width="680"><tr><td style="padding:16px; " zzz="zzz" align="center"><span style="text-align: center;  font-family: courier new,courier,monospace; color:#F1F0DD; line-height: 1.5; font-size: 19px;"> ..... Ваш красивый текст ..... </span><center> <a target="_blank" href="http://beautiflash.ru/" title=" ©Beauti_Flash ник не удалять. Рамку не использовать как шаблон"> <img src="//img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" height="15" alt="aramat_000 (15x15, 1Kb)" /> </a> </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center> 

 ..... Ваш красивый текст .....     

<center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827954_aramat_QWE0027.jpg'); border-radius: 0px;box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:17px 20px 17px 20px"><table style="background-image: url('g'); background-color: #2F5156;box-shadow: 0px 3px 2px rgba(0,0,0,0.3), 0px -2px 2px rgba(0,0,0,0.3); border-radius: 20%; " cellpadding="0" cellspacing="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-image: url('');background-color: #2F5156; " cellspacing="0" cellpadding="0"><tr><td style="padding:0px 12px 0px 12px"><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827954_aramat_QWE0027.jpg'); border-radius: 20%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);" cellspacing="0" cellpadding="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-color: #2F5156; background-image: url('g');outline: 2px dotted #F9F8E0; outline-offset: -10px; box-shadow: 1px 1px 5px #000000;" cellpadding="0" cellspacing="0" width="680"><tr><td style="padding:16px; " zzz="zzz" align="center"><span style="text-align: center;  font-family: courier new,courier,monospace; color:#F9F8E0; line-height: 1.5; font-size: 19px;"> ..... Ваш красивый текст ..... </span><center> <a target="_blank" href="http://beautiflash.ru/" title=" ©Beauti_Flash ник не удалять. Рамку не использовать как шаблон"> <img src="//img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" height="15" alt="aramat_000 (15x15, 1Kb)" /> </a> </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center> 

 ..... Ваш красивый текст .....     

<center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827936_aramat_QWE0028.jpg'); border-radius: 0px;box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:17px 20px 17px 20px"><table style="background-image: url('g'); background-color: #4c4c69;box-shadow: 0px 3px 2px rgba(0,0,0,0.3), 0px -2px 2px rgba(0,0,0,0.3); border-radius: 20%; " cellpadding="0" cellspacing="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-image: url('');background-color: #4c4c69; " cellspacing="0" cellpadding="0"><tr><td style="padding:0px 12px 0px 12px"><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827936_aramat_QWE0028.jpg'); border-radius: 20%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);" cellspacing="0" cellpadding="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-color: #4c4c69; background-image: url('g');outline: 2px dotted #F7F7F8; outline-offset: -10px; box-shadow: 1px 1px 5px #000000;" cellpadding="0" cellspacing="0" width="680"><tr><td style="padding:16px; " zzz="zzz" align="center"><span style="text-align: center;  font-family: courier new,courier,monospace; color:#F7F7F8; line-height: 1.5; font-size: 19px;"> ..... Ваш красивый текст ..... </span><center> <a target="_blank" href="http://beautiflash.ru/" title=" ©Beauti_Flash ник не удалять. Рамку не использовать как шаблон"> <img src="//img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" height="15" alt="aramat_000 (15x15, 1Kb)" /> </a> </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center> 

 ..... Ваш красивый текст .....     

<center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827822_aramat_QWE001a.jpg'); border-radius: 0px;box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:17px 20px 17px 20px"><table style="background-image: url('g'); background-color: #D13C64;box-shadow: 0px 3px 2px rgba(0,0,0,0.3), 0px -2px 2px rgba(0,0,0,0.3); border-radius: 20%; " cellpadding="0" cellspacing="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-image: url('');background-color: #D13C64; " cellspacing="0" cellpadding="0"><tr><td style="padding:0px 12px 0px 12px"><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827822_aramat_QWE001a.jpg'); border-radius: 20%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);" cellspacing="0" cellpadding="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-color: #D13C64; background-image: url('g');outline: 2px dotted #F7FFD5; outline-offset: -10px; box-shadow: 1px 1px 5px #000000;" cellpadding="0" cellspacing="0" width="680"><tr><td style="padding:16px; " zzz="zzz" align="center"><span style="text-align: center;  font-family: courier new,courier,monospace; color:#F7FFD5; line-height: 1.5; font-size: 19px;"> ..... Ваш красивый текст ..... </span><center> <a target="_blank" href="http://beautiflash.ru/" title=" ©Beauti_Flash ник не удалять. Рамку не использовать как шаблон"> <img src="//img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" height="15" alt="aramat_000 (15x15, 1Kb)" /> </a> </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center> 

 ..... Ваш красивый текст .....     

<center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827790_aramat_QWE003.jpg'); border-radius: 0px;box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:17px 20px 17px 20px"><table style="background-image: url('g'); background-color: #4d1e0f;box-shadow: 0px 3px 2px rgba(0,0,0,0.3), 0px -2px 2px rgba(0,0,0,0.3); border-radius: 20%; " cellpadding="0" cellspacing="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-image: url('');background-color: #4d1e0f; " cellspacing="0" cellpadding="0"><tr><td style="padding:0px 12px 0px 12px"><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/3/155/827/155827790_aramat_QWE003.jpg'); border-radius: 20%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);" cellspacing="0" cellpadding="0"><tr><td style="padding:10px 0px 10px 0px"><table style="background-color: #4d1e0f; background-image: url('g');outline: 2px dotted #ffffd9; outline-offset: -10px; box-shadow: 1px 1px 5px #000000;" cellpadding="0" cellspacing="0" width="680"><tr><td style="padding:16px; " zzz="zzz" align="center"><span style="text-align: center;  font-family: courier new,courier,monospace; color:#ffffd9; line-height: 1.5; font-size: 19px;"> ..... Ваш красивый текст ..... </span><center> <a target="_blank" href="http://beautiflash.ru/" title=" ©Beauti_Flash ник не удалять. Рамку не использовать как шаблон"> <img src="//img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" height="15" alt="aramat_000 (15x15, 1Kb)" /> </a> </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>