Записи Друзья Комментарии

tomishka tomishka

Аватар tomishka

-Рубрики

-Цитатник

К медовому Спасу - (0)

Мои работы в нейросети.

Веточка лаванды - (0)

Веточка лаванды. ЗДЕСЬ БУДЕТ ТЕКСТ ЗДЕСЬ БУДЕТ ТЕКСТ

Сияет мудрости кристалл - (0)

Сияет мудрости кристалл. Идёшь по жизни не спеша, И улыбается Душа, Сияет мудрости кристалл, О...

Однотонные бесшовные фоны - (0)

Однотонные бесшовные фоны. Все фоны открываются в оригинальном размере по клику на ЯФ. Фо...

Сделала - (0)

МОИ КОЛЛАЖИ

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

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

-Статистика

Создан: 17.12.2013
Записей: 11520
Комментариев: 5346
Написано: 36036

Отчеты:
Посетители
Поисковые фразы

Рамочки с весенними фонами и тенью

Суббота, 13 Апреля 2024 г. 04:23 + в цитатник

Ниже представлен шаблон восьмислойной рамочки, по которой сделаны все работы. Для широкого фона использовались фоны от Светланы (ФАНИНА). Чтобы шаблон давал представление о виде рамочки, каждый слой в шаблоне имеет бордюр, ширина которого 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>

Рубрики:

Рамочки
Уроки
Образцы

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

<a href="https://www.liveinternet.ru/users/tomishka/post504585294/">Р Р°РјРѕС‡РєРё СЃ РІРµСЃРµРЅРЅРёРјРё С„РѕРЅР°РјРё Рё С‚РµРЅСЊСЋ</a><br/>РќРёР¶Рµ РїСЂРµРґСЃС‚Р°РІР»РµРЅ С€Р°Р±Р»РѕРЅ РІРѕСЃСЊРјРёСЃР»РѕР№РЅРѕР№ СЂР°РјРѕС‡РєРё, РїРѕ РєРѕС‚РѕСЂРѕР№ СЃРґРµР»Р°РЅС‹ РІСЃРµ СЂР°Р±РѕС‚С‹. Р”Р»СЏ С€РёСЂРѕРєРѕРіРѕ С„РѕРЅР° РёСЃРїРѕР»СЊР·РѕРІР°Р»РёСЃСЊ С„РѕРЅС‹ РѕС‚ РЎРІРµС‚Р»Р°РЅС‹ (Р¤РђРќРРќРђ). Р§С‚РѕР±С‹ С€Р°Р±Р»РѕРЅ РґР°РІР°Р» РїСЂРµРґСЃС‚Р°РІР»РµРЅРёРµ Рѕ РІРёРґРµ СЂР°РјРѕС‡РєРё, РєР°Р¶РґС‹Р№ СЃР»РѕР№ РІ С€Р°Р±Р»РѕРЅРµ РёРјРµРµС‚ Р±РѕСЂРґСЋСЂ, С€РёСЂРёРЅР° РєРѕС‚РѕСЂРѕРіРѕ 1px. Р’ РєРѕРґР°С… РІСЃРµС… СЂР°РјРѕС‡РµРє СЏ Р±РѕСЂРґСЋСЂ РѕР±РЅСѓР»РёР»Р°, С‡С‚РѕР±С‹ СѓРґР°Р»РёС‚СЊ РѕРєР°Р№РјР»СЏСЋС‰СѓСЋ С„РѕРЅ РїРѕР»РѕСЃРєСѓ СЃРµСЂРѕРіРѕ С†РІРµС‚Р°. РЁРёСЂРёРЅСѓ РїРѕР»СЏ РїРѕРґ С‚РµРєСЃС‚ РјРѕР¶РЅРѕ СѓРІРµР»РёС‡РёС‚СЊ РёР»Рё СѓРјРµРЅСЊС€РёС‚СЊ, РµСЃР»Рё Р·Р°РјРµРЅРёС‚СЊ 600 РґСЂСѓРіРёРј С‡РёСЃР»РѕРј. Р§С‚РѕР±С‹ С‚РµРєСЃС‚ РЅРµ РїСЂРёРјС‹РєР°Р» РІРїР»РѕС‚РЅСѓСЋ Рє РІРµСЂС…РЅРµРјСѓ Рё РЅРёР¶РЅРµРјСѓ РєСЂР°СЋ, РїРµСЂРµРґ С‚РµРєСЃС‚РѕРј Рё РїРѕСЃР»Рµ С‚РµРєСЃС‚Р° РґРѕР±Р°РІР»РµРЅС‹ РїРµСЂРµС…РѕРґС‹ Рє РЅРѕРІРѕР№ СЃС‚СЂРѕРєРµ. РЁР°Р±Р»РѕРЅ РїСЂРµРґСѓСЃРјР°С‚СЂРёРІР°РµС‚ РґРІРµ С‚РµРЅРё, РєРѕС‚РѕСЂС‹Рµ РјРѕР¶РЅРѕ СѓРґР°Р»РёС‚СЊ... <a href="https://www.liveinternet.ru/users/tomishka/post504585294/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

LiveInternetLiveInternet

-Рубрики

-Цитатник

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

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

-Статистика

Рамочки с весенними фонами и тенью