Мобильный LiveInternet Рамочки с весенними фонами и тенью

Авторизация

Дневник E-Ledi Лента друзей - Дневник - Полная версия

Рамочки с весенними фонами и тенью 13-04-2024 13:38 к комментариям - к полной версии - понравилось!

Это цитата сообщения tomishka Оригинальное сообщение

Ниже представлен шаблон восьмислойной рамочки, по которой сделаны все работы. Для широкого фона использовались фоны от Светланы ФАНИНА. Чтобы шаблон давал представление о виде рамочки, каждый слой в шаблоне имеет бордюр, ширина которого 1px. В кодах всех рамочек я бордюр обнулила, чтобы удалить окаймляющую фон полоску серого цвета. Ширину поля под текст можно увеличить или уменьшить, если заменить 600 другим числом. Чтобы текст не примыкал вплотную к верхнему и нижнему краю, перед текстом и после текста добавлены переходы к новой строке. Шаблон предусматривает две тени, которые можно удалить, если убрать код цвета тени. Ширину для широкого поля можно увеличить, чтобы лучше был виден рисунок, при этом менять размер под текст необязательно. Если мы уберем код цвета тени, получим рамочки без предусмотренных в шаблоне теней. Можно сделать двухслойную рамочку, взяв красивый фон вместо первой обводки и подходящий фон под текст, а все остальное просто оставить так, как записано в шаблоне. В последней рамочке вместо нулевых бордюров я сделала окаймление в 2px.

Здесь будет ваш текст

<div align="center"><table border="1" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px; box-shadow: #000000 1px 0px 10px; box-shadow: #000000 1px 0px 30px;"><table border="1" background="АДРЕС БЛЕСТЯЩЕГО ФОНА " align="center"><tbody><tr><td style="padding: 4px;"><table border="1" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;"><table border="1" background="АДРЕС ШИРОКОГО ФОНА" align="center"><tbody><tr><td style="padding: 30px;"><table border="1" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px; "><table border="1" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" align="center"><tbody><tr><td style="padding: 4px;"><table border="1" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;"><table border="1" background="АДРЕС ФОНА ПОД ТЕКСТ" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #000000;"><center><font size="3" color="ffffff" face="verdana">Здесь будет ваш текст</font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/2/147/515/147515153_y1.jpg" align="center"><tbody><tr><td style="padding: 4px;  box-shadow: #000000 1px 0px 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/474/157474855_l8.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/2/147/515/147515153_y1.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/155/162155450_f5.jpg" align="center"><tbody><tr><td style="padding: 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/2/147/515/147515153_y1.jpg" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/474/157474855_l8.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/2/147/515/147515153_y1.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/155/162155504_f5f.jpg" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #000000;"><center><font size="3" color="ffffff" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/159/888/159888413_hh2.jpg" align="center"><tbody><tr><td style="padding: 4px;  box-shadow: #000000 1px 0px 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/160/7/160007101_zk1.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/159/888/159888413_hh2.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img1.liveinternet.ru/images/attach/d/4/162/155/162155343_f4.jpg" align="center"><tbody><tr><td style="padding: 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/159/888/159888413_hh2.jpg" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/160/7/160007101_zk1.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/159/888/159888413_hh2.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/160/7/160007101_zk1.jpg" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #;"><center><font size="3" color="a8886f" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/901/157901519_y8.jpg" align="center"><tbody><tr><td style="padding: 4px;  box-shadow: # 1px 0px 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/906/157906371_t3.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/901/157901519_y8.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/155/162155078_ff3.jpg" align="center"><tbody><tr><td style="padding: 45px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/901/157901519_y8.jpg" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/906/157906371_t3.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/157/901/157901519_y8.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/155/162155160_fsc.jpg" width="570" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #;"><center><font size="3" color="000000" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/161/482/161482099_fk4.jpg" align="center"><tbody><tr><td style="padding: 4px;  box-shadow: #027dc4 1px 0px 30px;"><table border="0" background="https://img-fotki.yandex.ru/get/4710/83186431.fb/0_674fb_e4b2370a_S.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/161/482/161482099_fk4.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/154/162154966_fv2.jpg" align="center"><tbody><tr><td style="padding: 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/161/482/161482099_fk4.jpg" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="https://img-fotki.yandex.ru/get/4710/83186431.fb/0_674fb_e4b2370a_S.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/4/161/482/161482099_fk4.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/155/162155028_gf.jpg" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #;"><center><font size="3" color="002233" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/452/159452929_x1.jpg" align="center"><tbody><tr><td style="padding: 4px; box-shadow: #4e8b15 1px 0px 30px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/158/281/158281438_v3.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/452/159452929_x1.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/154/162154892_fv1.jpg" align="center"><tbody><tr><td style="padding: 30px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/452/159452929_x1.jpg" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/158/281/158281438_v3.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/452/159452929_x1.jpg" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="//img1.liveinternet.ru/images/attach/d/4/162/155/162155085_ff1.jpg" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #4e8b15;"><center><font size="3" color="1f3f00" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;  box-shadow: #000000 1px 0px 30px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" align="center"><tbody><tr><td style="padding: 30px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ПОД ТЕКСТ" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #000000;"><center><font size="3" color="000000" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Здесь будет ваш текст

<div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/d/4/162/154/162154966_fv2.jpg" align="center"><tbody><tr><td style="padding: 4px;  box-shadow: # 1px 0px 30px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" align="center"><tbody><tr><td style="padding: 30px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px; "><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" align="center"><tbody><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" align="center"><tbody><tr><td style="padding: 4px;"><table border="2" background="//img0.liveinternet.ru/images/attach/d/4/162/155/162155028_gf.jpg" width="600" align="center"><tbody><tr><td style="padding: 0px; box-shadow: inset 0px 0px 30px #;"><center><font size="3" color="000000" face="verdana"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Рамочки с весенними фонами и тенью | E-Ledi - | Лента друзей E-Ledi / Полная версия Добавить в друзья Страницы: раньше»