Записи с меткой рамки с картинкой

(и еще 33 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

photoshop shaman анимации анимация вебдизайн вера видео-клипы всё для блога всё для дома вяжем детям вязание вязание для детей вязание для женщин вязание крючком вязание на спицах вязание спицами десерт дизайн достопримечательности здоровье игровые автоматы онлайн интерьер искусство история руси картинки клипарт коллекции консервирование красивые песни красивые стихи красота кулинария кулинарные рамочки кулинарные рецепты любовь мода мой дневник молитвы музыка музыка mp3 музыкальные архивы народная медицина не проходите мимо открытки отношения оформление дневника песни о любви печём плейкасты плэйкасты полезные мелочи рамки рамки для текста рамочка рамочка для текста рамочка цветочная рамочки для текста редакторы религии религия рецепты народной медицины россия рукоделие своими руками семья стиль схемы текстовая рамочка текстовые рамочки темы узоры уроки фотошоп фоны фотошоп футажи шаман шитьё шьём платье шьём сами

Комментарии (0)

<a href="http://www.tanyusha100.ru/post498315455/">Р Р°Р·Р±РёСЂР°РµРј РєРѕРґ С‚Р°Р±Р»РёС† css РґР»СЏ СЂР°РјРѕС‡РєРё СЃ РєР°СЂС‚РёРЅРєР°РјРё.</a><br/>Р Р°Р·Р±РёСЂР°РµРј РєРѕРґ С‚Р°Р±Р»РёС† css РґР»СЏ СЂР°РјРѕС‡РєРё СЃ РєР°СЂС‚РёРЅРєР°РјРё.
Р Р°РјРєРё, СѓРєСЂР°С€РµРЅРЅС‹Рµ РєР°СЂС‚РёРЅРєРѕР№.

РЎ РїРѕРјРѕС‰СЊСЋ CSS РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РІРѕС‚ С‚Р°РєРёРµ Р»С‘РіРєРёРµ СЃРёРјРїР°С‚РёС‡РЅС‹Рµ СЂР°РјРєРё СЃ РєР°СЂС‚РёРЅРєРѕР№ СЃР»РµРІР°, Р»РёР±Рѕ СЃРїСЂР°РІР° РѕС‚ С‚РµРєСЃС‚Р°.
РќРµ Р±СѓРґСѓ РІРґР°РІР°С‚СЊСЃСЏ РІ РїРѕРґСЂРѕР±РЅРѕСЃС‚Рё, РєР°Рє РёС… СЃРѕР±СЂР°С‚СЊ СЃ РЅСѓР»СЏ, Р° РїРѕСЏСЃРЅСЋ СЃР°РјРѕРµ РЅРµРѕР±С…РѕРґРёРјРѕРµ. РџРѕРґ РєР°Р¶РґРѕР№ СЂР°РјРєРѕР№ СЃС‚РѕРёС‚ РіРѕС‚РѕРІС‹Р№ РєРѕРґ С€Р°Р±Р»РѕРЅР°.

Р’Р°С€Р° РєР°СЂС‚РёРЅРєР° Р±СѓРґРµС‚ СЂР°СЃРїРѕР»Р°РіР°С‚СЊСЃСЏ СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р°. РџСЂРё Р·Р°РїРѕР»РЅРµРЅРёРё СЂР°РјРєРё С‚РµРєСЃС‚РѕРј РїРѕСЃР»РµРґРЅРёР№ Р±СѓРґРµС‚ РѕР±С‚РµРєР°С‚СЊ РєР°СЂС‚РёРЅРєСѓ. Р•СЃР»Рё РєР°СЂС‚РёРЅРєР° Р±РѕР»СЊС€РѕРіРѕ СЂР°Р·РјРµСЂР°, С‚Рѕ Рё Р·Р°РїРёСЃСЊ РґРѕР»Р¶РЅР° Р±С‹С‚СЊ РѕР±СЉС‘РјРЅРѕР№, РёРЅР°С‡Рµ С‡Р°СЃС‚СЊ РёР·РѕР±СЂР°Р¶РµРЅРёСЏ РІС‹РїР°РґРµС‚ Р·Р° РіСЂР°РЅРёС†С‹ СЂР°РјРєРё, РїРѕСЃРєРѕР»СЊРєСѓ Р·Р° СЂР°Р·РІРѕСЂРѕС‚ СЂР°РјРєРё РѕС‚РІРµС‡Р°РµС‚ РёРјРµРЅРЅРѕ С‚РµРє... <a href="http://www.tanyusha100.ru/post498315455/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Разбираем код таблиц css для рамочки с картинками.

Суббота, 25 Февраля 2023 г. 10:27 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Разбираем код таблиц css для рамочки с картинками.
Рамки, украшенные картинкой.

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись

Смотрим дальше

Рубрики:

оформление дневника,/рамки,

Комментарии (0)

Текстовая тематическая рамочка Друзьям

Среда, 22 Февраля 2023 г. 13:10 + в цитатник
Это цитата сообщения Beauti_Flash [Прочитать целиком + В свой цитатник или сообщество!]

Текстовая тематическая рамочка Друзьям
Рамочки для текста с картинкой.

Беря код рамочки не забывайте, Пожалуйста,
ПРОЦИТИРОВАТЬ. Понравился пост, нажмите
на кнопочку НРАВИТСЯ, в низу поста.
Ширина рамки зависит от ширины картинки.

ВАШ ТЕКСТ

 <div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/c/5/86/533/86533468_67ef5.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/5/86/533/86533468_67ef5.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/1/132/252/132252412_87397075.jpg" width="175" cellpadding="3" cellspacing="0"><tr><td style="padding: 40px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/5/86/533/86533468_67ef5.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/5/86/533/86533468_67ef5.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><div align="center"></div><div align="center"><tr><td style="padding: 10px;"> <center><center><font size="4"><font color="#ffff99"><font face="Times"><img alt="Beauti_Flash " border="0" src="//img1.liveinternet.ru/images/attach/d/1/132/252/132252411_aramat_0K03.jpg" width="620" height="423" title="Beauti_Flash " /></font></font></font></center><table border="0" background="//img0.liveinternet.ru/images/attach/c/5/86/533/86533468_67ef5.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="1" cellspacing="3" width="100%"><tr><td> <center><font size="5" color="#c49541" face="Times"> <br />
ВАШ ТЕКСТ  <br /><br />
</font></center><div align="center"><center><font size="2"><font color="#ffff99"><center><a target="_blank" href="http://beautiflash.ru/" title="Beauti_Flash "><img src="//img1.liveinternet.ru/images/attach/c/6/124/643/124643849_aramat_0X2.gif" width="15" height="15" alt="aramat_0X2 (15x15, 1Kb)" /> </a></center></font></font></center></div></td></tr></table></td></tr></table></center></td></tr></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

ВАШ ТЕКСТ

 <div align="center"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img1.liveinternet.ru/images/attach/d/1/132/252/132252625_0_9f6bb.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/1/132/252/132252412_87397075.jpg" width="175" cellpadding="3" cellspacing="0"><tr><td style="padding: 40px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img1.liveinternet.ru/images/attach/d/1/132/252/132252625_0_9f6bb.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 3px;"><table border="0" background="//img0.liveinternet.ru/images/attach/d/1/132/253/132253044_aramat_0K05.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><div align="center"></div><div align="center"><tr><td style="padding: 10px;"> <center><center><font size="4"><font color="#ffff99"><font face="Times"><img alt="Beauti_Flash " border="0" src="//img1.liveinternet.ru/images/attach/d/1/132/252/132252411_aramat_0K03.jpg" width="620" height="423" title="Beauti_Flash " /></font></font></font></center><table border="0" background="//img1.liveinternet.ru/images/attach/c/5/86/428/86428671_609.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="//img0.liveinternet.ru/images/attach/d/1/132/253/132253044_aramat_0K05.jpg" cellpadding="1" cellspacing="3" width="100%"><tr><td> <center><font size="5" color="#000000" face="Times"> <br />
ВАШ ТЕКСТ <br /><br />
</font></center><div align="center"><center><font size="2"><font color="#ffff99"><center><a target="_blank" href="http://beautiflash.ru/" title="Beauti_Flash "><img src="//img1.liveinternet.ru/images/attach/c/6/124/643/124643849_aramat_0X2.gif" width="15" height="15" alt="aramat_0X2 (15x15, 1Kb)" /> </a></center></font></font></center></div></td></tr></table></td></tr></table></center></td></tr></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />

Рубрики:

оформление дневника,/рамки,

Метки: текстовая тематическая рамочка рамочка для дружеских постов текстовая рамочка рамочка друзьям рамочки для текста рамки с картинкой оформление дневника рамки

Комментарии (0)

Текстовая рамочка с мужчиной от Zhanochka-.

Понедельник, 18 Июня 2012 г. 04:53 + в цитатник
Это цитата сообщения -Zhanochka- [Прочитать целиком + В свой цитатник или сообщество!]

Текстовая рамочка с мужчиной от Zhanochka-.

Рамки с картинкой.

ВАШ ТЕКСТ

-Zh-

<center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="CCCCCC"><tr><td><center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="999999"><tr><td><center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="CCCCCC"><tr><td><center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="FFFFFF"><tr><td><center><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/5/86/919/86919459_0e39e8a9d3f0.jpg" src="//img1.liveinternet.ru/images/attach/c/5/86/919/86919459_0e39e8a9d3f0.jpg" width="215" height="257" alt="0e39e8a9d3f0 (215x257, 7Kb)" /><font face="italik"><font size="4"><center><font color="#999999"><b><center><br /><br /> ВАШ ТЕКСТ<br /><br /> <br /><a data-cke-saved-href="http://www.liveinternet.ru/users/4476765/profile" href="http://www.liveinternet.ru/users/4476765/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="italik" size="1"><font color="FFFFFF">-Zh-</font></font></marquee></a> </center></b></font></center></font></font></center></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></center>

Рубрики:

оформление дневника,/рамки,

Метки: текстовая рамочка с мужчиной рамки с картинкой красивые рамочки рамочки рамочки для текста рамки оформление дневника мой дневник всё для блога текстовые рамочки

Комментарии (0)

Текстовая рамочка с сиренью от Zhanochka-.

Понедельник, 18 Июня 2012 г. 04:51 + в цитатник
Это цитата сообщения -Zhanochka- [Прочитать целиком + В свой цитатник или сообщество!]

Текстовая рамочка с сиренью от Zhanochka-.

Рамки с картинкой.

ВАШ ТЕКСТ

-Zh-

<center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="996699"><tr><td><center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="CC99CC"><tr><td><center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="CCCCCC"><tr><td><center><table style="WIDTH:500px;cellpaccing=" cellpadding="10" border="1" bgcolor="FFFFFF"><tr><td><center><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/5/86/919/86919455_22fd1556a251.jpg" src="//img1.liveinternet.ru/images/attach/c/5/86/919/86919455_22fd1556a251.jpg" width="632" height="472" alt="22fd1556a251 (632x472, 47Kb)" /><font face="italik"><font size="4"><center><font color="#9966FF"><b><center><br /><br /> ВАШ ТЕКСТ<br /><br /> <br /><a data-cke-saved-href="http://www.liveinternet.ru/users/4476765/profile" href="http://www.liveinternet.ru/users/4476765/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="italik" size="1"><font color="FFFFFF">-Zh-</font></font></marquee></a> </center></b></font></center></font></font></center></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></center>

Рубрики:

оформление дневника,/рамки,

Метки: текстовая рамочка с сиренью рамки с картинкой красивые рамочки рамочки рамочки для текста рамки оформление дневника мой дневник всё для блога текстовые рамочки

Комментарии (0)

Цветочная рамочка для текста с картинкой.

Понедельник, 18 Июня 2012 г. 04:50 + в цитатник
Это цитата сообщения -Zhanochka- [Прочитать целиком + В свой цитатник или сообщество!]

Цветочная рамочка для текста с картинкой.

Рамки с картинкой.

Nature_Flowers_Three_Daisies_029732_ (600x425, 89Kb)

ВАШ ТЕКСТ

-Zh-

<center><table style="WIDTH:600px;cellpaccing=" cellpadding="10" border="1" bgcolor="CCCCCC"><tr><td><center><table style="WIDTH:600px;cellpaccing=" cellpadding="10" border="1" bgcolor="669933"><tr><td><center><table style="WIDTH:600px;cellpaccing=" cellpadding="10" border="1" bgcolor="CCCCCC"><tr><td><center><table style="WIDTH:600px;cellpaccing=" cellpadding="10" border="1" bgcolor="FFFFFF"><tr><td><center><img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/5/86/987/86987804_Nature_Flowers_Three_Daisies_029732_.jpg" src="//img0.liveinternet.ru/images/attach/c/5/86/987/86987804_Nature_Flowers_Three_Daisies_029732_.jpg" width="600" height="425" alt="Nature_Flowers_Three_Daisies_029732_ (600x425, 89Kb)" /><font face="italik"><font size="4"><center><font color="#999966"><b><center><br /><br /><br /><br /> ВАШ ТЕКСТ<br /><br /><br /><br /> <br /><a data-cke-saved-href="http://www.liveinternet.ru/users/4476765/profile" href="http://www.liveinternet.ru/users/4476765/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="italik" size="1"><font color="FFFFFF">-Zh-</font></font></marquee></a> </center></b></font></center></font></font></center></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></center>

Рубрики:

оформление дневника,/рамки,

Страницы:

[1]

LiveInternetLiveInternet

-Рубрики

-Цитатник

-Ссылки

-Новости

-Музыка

-Приложения

-Помощь новичкам

-

-Метки

-Фотоальбом

-Я - фотограф

Замок коварства и любви

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

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

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Записи с меткой рамки с картинкой

Разбираем код таблиц css для рамочки с картинками.

Текстовая тематическая рамочка Друзьям

Текстовая рамочка с мужчиной от Zhanochka-.

Текстовая рамочка с сиренью от Zhanochka-.

Цветочная рамочка для текста с картинкой.