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

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

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

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

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

Разбираем код таблиц 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-.

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