рамки с картинкой - Самое интересное в блогах

Tanyusha100

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

Суббота, 25 Февраля 2023 г. 10:27 (ссылка)

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

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

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

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

Ваша подпись

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

Комментарии (0)Комментировать В цитатник или сообщество

nataliya_bezushko

Рамка №536.

Среда, 17 Марта 2016 г. 02:37 (ссылка)

Здесь будет Ваш текст...

Код рамочки
Просьба, беря работу, цитировать.
Вам не сложно, а мне приятно!

<center><table border="0" background="https://img-fotki.yandex.ru/get/25407/104967700.ee/0_bda78_904a8d0c_orig.png" cellpadding="0" cellspacing="0" height="392" width="700"><tr><td><a target="_blank" href="//www.liveinternet.ru/users/nataliya_bezyshko/profile/"><img src="//img-fotki.yandex.ru/get/9812/131624064.513/0_dc9fd_bd6ade16_M.png" width="3" height="3" border="0" /></a></td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/66659/104967700.ee/0_bda79_448ab73_orig.png" cellpadding="0" cellspacing="0" height="75" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="670"><span style="color:#cae678"><span style="font-size:22px;"><span style="font-family:Palatino Linotype"><b><center>Здесь будет Ваш текст...</center></b><br /></span></span></span></td></tr></table></td></tr></table></center><center><table border="0" background="https://img-fotki.yandex.ru/get/116164/104967700.ee/0_bda7a_13448952_orig.png" cellpadding="0" cellspacing="0" height="91" width="700"><tr><td><center><br /><a title="Nataliya Bezushko" href="//www.liveinternet.ru/users/nataliya_bezyshko/profile/" target="_blank"><img src="//img-fotki.yandex.ru/get/4429/104967700.86/0_7b756_251f846e_XS.gif.jpg" width="32" height="32" border="0" /></a></center></td></tr></table><br /></center>

Благодарю за цитирование!

Метки: рамка зеленая рамки с кодамиx рамки текстовые рамки разрезные мои рамки рамки с картинкой оформление блог дневник

Комментарии (0)Комментировать В цитатник или сообщество

nataliya_bezushko

483. Рамка.

Понедельник, 30 Июля 2013 г. 03:10 (ссылка)

Здесь будет Ваш текст...

Код рамочки
Просьба, беря работу, цитировать.
Вам не сложно, а мне приятно!

<center><a target="_blank" href="http://vse-dlya-vas.ru/profile"><table border="0" background="//img-fotki.yandex.ru/get/6715/104967700.d4/0_9ede6_ef3b6114_XL.png" cellpadding="0" cellspacing="0" height="350" width="700"><tr><td><a target="_blank" href="http://vse-dlya-vas.ru/profile"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a></td></tr></table></a><table border="0" background="//img-fotki.yandex.ru/get/6716/104967700.d4/0_9ede7_f1d18e07_XL.png" cellpadding="0" cellspacing="0" height="79" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="550"><center><font face="palatino linotype" color="#6e95f5" style="font-size:25px"><i><strong>Здесь будет Ваш текст...</strong></i></font></center></td></tr></table></td></tr></table><a target="_blank" href="http://vse-dlya-vas.ru/profile"><table border="0" background="//img-fotki.yandex.ru/get/9167/104967700.d4/0_9ede8_36a5f763_XL.png" cellpadding="0" cellspacing="0" height="71" width="700"><tr><td><center><a target="_blank" href="http://vse-dlya-vas.ru/profile"><font face="Arial" color="#ffffff" style="font-size:10px"><b><img src="//img-fotki.yandex.ru/get/4429/104967700.86/0_7b756_251f846e_XS.gif.jpg" width="32" height="32" title="" alt="" border="0" /></b></font></a></center></td></tr></table></a></center>

Благодарю за цитирование!

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

Комментарии (6)Комментировать В цитатник или сообщество

nataliya_bezushko

478. Рамка.

Вторник, 25 Июня 2013 г. 23:37 (ссылка)

Здесь будет Ваш текст...

Код рамочки
Просьба, беря работу, цитировать.
Вам не сложно, а мне приятно!

<center><table border="0" background="//img-fotki.yandex.ru/get/9257/104967700.d3/0_9d42b_babdc382_XL.png" cellpadding="0" cellspacing="0" height="550" width="700"><tr><td><a target="_blank" href="http://vse-dlya-vas.ru/profile"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9308/104967700.d3/0_9d42c_76c80aa1_XL.png" cellpadding="0" cellspacing="0" height="118" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="500"><center><font face="palatino linotype" color="#0E2609" style="font-size:25px"><i><b>Здесь будет Ваш текст...<br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9224/104967700.d3/0_9d42d_e7675219_XL.png" cellpadding="0" cellspacing="0" height="132" width="700"><tr><td><center><a target="_blank" href="http://vse-dlya-vas.ru/profile"><font face="Arial" color="#ffffff" style="font-size:10px"><b><img src="//img-fotki.yandex.ru/get/4429/104967700.86/0_7b756_251f846e_XS.gif.jpg" width="32" height="32" title="" alt="" border="0" /></b></font></a></center></td></tr></table></center>

Благодарю за цитирование!

Метки: рамки разрезные фотошопные рамки с кодами рамки с картинкой рамки зеленые рамки с цветами блог дневник оформление

Комментарии (8)Комментировать В цитатник или сообщество

nataliya_bezushko

458. Рамка

Воскресенье, 24 Марта 2013 г. 12:32 (ссылка)

Здесь будет Ваш текст...

Код рамочки
Просьба, беря работу, цитировать.

<center><table background="//img-fotki.yandex.ru/get/4115/104967700.c4/0_98a76_2902ebdc_XS.jpeg.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding:3px"><table background="//img-fotki.yandex.ru/get/5636/104967700.c4/0_98a69_a2b394a6_M.jpeg.jpg" cellpadding="5" cellspacing="0"><tr><td style="padding:5px"><table background="//img-fotki.yandex.ru/get/4115/104967700.c4/0_98a76_2902ebdc_XS.jpeg.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding:3px"><table background="//img-fotki.yandex.ru/get/4135/104967700.c4/0_98a6c_228dc772_M.jpeg.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding:45px"><table background="//img-fotki.yandex.ru/get/4115/104967700.c4/0_98a76_2902ebdc_XS.jpeg.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding:3px"><table background="//img-fotki.yandex.ru/get/5636/104967700.c4/0_98a69_a2b394a6_M.jpeg.jpg" cellpadding="5" cellspacing="0"><tr><td style="padding:5px"><table background="//img-fotki.yandex.ru/get/4115/104967700.c4/0_98a76_2902ebdc_XS.jpeg.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding:3px"><table background="//img-fotki.yandex.ru/get/5635/104967700.c4/0_98a6a_bc7ba40d_XS.jpeg.jpg" cellpadding="8" cellspacing="0"><tr><td style="padding:8px"><table background="//img-fotki.yandex.ru/get/4115/104967700.c4/0_98a76_2902ebdc_XS.jpeg.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding:3px"><table background="//img-fotki.yandex.ru/get/5635/104967700.c4/0_98a6a_bc7ba40d_XS.jpeg.jpg" cellpadding="11" cellspacing="0" width="650"><tr><td style="padding:11px"><center><img src="//img-fotki.yandex.ru/get/4115/104967700.c4/0_98a7b_37c71c17_XL.gif.jpg" border="0" /><br /><center><font size="5"><font color="#F4ECA3"><font face="palatino linotype"><br /><strong>Здесь будет Ваш текст...</strong><br /><img src="//img-fotki.yandex.ru/get/6520/104967700.a7/0_8ffd4_d34417c_M.png.jpg" border="0" /></font></font></font></center></center></td></tr><tr><td><center><a target="_blank" href="//www.liveinternet.ru/users/nataliya_bezyshko/profile/"><img src="//img0.liveinternet.ru/images/attach/c/7/95/314/95314948_7733ef85df.png" width="125" height="20" border="0" /></a></center><a target="_blank" href="//www.liveinternet.ru/users/nataliya_bezyshko/profile/"><img src="//img-fotki.yandex.ru/get/5820/104967700.50/0_74d89_f2b1def3_XS.jpg" width="14" height="14" title="Nataliya_Bezushko" border="0" /></a></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>