Рамочка "Поздравляю!"

С ДНЕМ РОЖДЕНИЯ,ТАИСИЯ! Желаю тебе много радости, любви и счастья. Пусть каждый день твоей жизни будет наполнен радостью и теплом. Пусть на твоем пути встречается побольше хороших и отзывчивых людей. Пусть все невзгоды обходят стороной тебя и всех твоих близких. Будь самым счастливым человеком!

<center><table border="0" background="https://i8.wampi.ru/2020/01/29/BEZ-IMENI-1_0149e03f88b7e6c0dd.png" cellpadding="0" cellspacing="0" height="219" width="618"> <tr><td> <img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /> </td></tr></table><table border="0" background="https://i9.wampi.ru/2020/01/29/BEZ-IMENI-1_02.png" cellpadding="0" cellspacing="0" height="142" width="618"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="560"><center><font face="Monotype Corsiva" color="#1b552c" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="https://i0.wampi.ru/2020/01/29/BEZ-IMENI-1_03.png" cellpadding="0" cellspacing="0" height="180" width="618"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/nina_stavitskaya/" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> <img src="https://i8.wampi.ru/2019/10/03/zvezdia-89.gif" alt="zvezdia-89.gif" border="0" /></b></font> </a></center></td></tr></table></center><br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br />

Тематические дни - Рамочка "А знаешь, так чудесно пахнет дождь..."

ВАШ ТЕКСТ...

<center><table border="0" background="https://i.postimg.cc/sXFPb9zN/1-01.gif" cellpadding="0" cellspacing="0" height="559" width="750"> <tr><td> <img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /> </td></tr></table><table border="0" background="https://i.postimg.cc/jSF44YFK/1-02.gif" cellpadding="0" cellspacing="0" height="65" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center><font face="Monotype Corsiva" color="#eff0dd" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="https://i.postimg.cc/7LJMBtFz/1-03.gif" cellpadding="0" cellspacing="0" height="105" width="750"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/nina_stavitskaya/profile" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> <img src="https://i8.wampi.ru/2019/10/03/zvezdia-89.gif" alt="zvezdia-89.gif" border="0" /><br /> </b></font> </a></center></td></tr></table></center><br /><br /> <br /><br /><br /> <br /><br /> <br /><br />

Простые объемные рамочки


<center><table style="background-image: url('АДРЕС ФОНА РАМКИ'); border: 4px double #; box-shadow: 0px 0px 30px #000000;" cellspacing="0" cellpadding="0" width="750"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#КОД ЦВЕТА ТЕКСТА;font-size:20px">Здесь будет ваш текст</span></center></td></tr></table></center>
Стиль рамки в скелетике указан в виде двойной сплошной линии (double ), но после # ничего не стоит, значит стиль по сути отсутствует. Как только после # мы поставим код цвета, так появится линия, соответствующая указанному стилю. Стиль рамки может иметь следующие значения:
- solid(сплошная линия);- dotted (точечная);- dashed (пунктирная);- double (двойная сплошная линия);- groove (вдавленная); - ridge (выпуклая);- inset (весь блок вдавленный); - outset (весь блок выпуклый).
В коде рамочки предусмотрена тень ( #000000 ), которая придает рамочке объем, но ее можно убрать, удалив нули, или заменить другим цветом. Все рамочки сделаны по приведенному скелетику.

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

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

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

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

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

Формула фотошопной рамочки для Лиру



<center><table border="0" background="Адрес картинки №1" cellpadding="0" cellspacing="0" height="Высота картинки №1" width="Ширина рамки"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="Адрес картинки №2" cellpadding="0" cellspacing="0" height="Высота картинки №2" width="Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center> <em><strong><span style="color: #КОД ЦВЕТА ТЕКСТА"><span style="font-size: large"><span style="font-family: Georgia"> <br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес автора" target="_blank"><span style="font-family:Arial;color:#ffff00;font-size:10px"> Имя автора</span> </a></center> </td></tr></table></center><br />

Учимся делать рамочку по предложенной формуле

Перед вами две рамочки, выполненные по довольно простой формуле. Сейчас я попытаюсь рассказать, как каждый из вас может научиться делать такие рамочки. Желающие могу посмотреть другой пост, после прочтения которого я написала свой урок. Вот ссылка на этот пост: http://www.liveinternet.ru/users/nataliya_bezyshko/post158167825



<div align="center"><table border="2" background="https://img1.liveinternet.ru/images/attach/d/0/142/128/142128157_fon7.jpg" cellpadding="8" cellspacing="0" width="700"><tr><td style="padding: 8px;"><table border="2" background="https://img-fotki.yandex.ru/get/194858/50114850.7fb/0_11fcfe_9c27de7b_S.jpg" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="https://img1.liveinternet.ru/images/attach/d/0/142/128/142128157_fon7.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="https://img-fotki.yandex.ru/get/9825/198571148.33e/0_181432_afbf1701_orig" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="//img1.liveinternet.ru/images/attach/d/1/131/543/131543885_4059776_Tri_Starca__Nesterov.jpg" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="https://img1.liveinternet.ru/images/attach/d/0/142/128/142128157_fon7.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="https://img-fotki.yandex.ru/get/9825/198571148.33e/0_181432_afbf1701_orig" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#fafec8" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/tomishka/"><font size="1" color="#fafec8" face="Monotype Corsiva">tomishka</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

<div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="8" cellspacing="0" width="700"><tr><td style="padding: 8px;"><table border="2" background="//img0.liveinternet.ru/images/attach/d/1/134/202/134202480_1__95_.jpg" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="https://img-fotki.yandex.ru/get/57551/39663434.af7/0_c5605_80395121_orig" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="//img-fotki.yandex.ru/get/4510/32130860.a2/0_90562_6dd1d8dd_XL.jpg" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="https://img-fotki.yandex.ru/get/57551/39663434.af7/0_c5605_80395121_orig" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/tomishka/"><font size="1" color="#ffffff" face="Monotype Corsiva">tomishka</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

Код для рамочки

<div align="center"><table border="2" background="ОБВОДКА РАМОЧКИ" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="ФОН РАМОЧКИ" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="ОБВОДКА КАРТИНКИ" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН ПОД КАРТИНКУ" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="КАРТИНКА" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="ОБВОДКА ТЕКСТА" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="ФОН ПОД ТЕКСТ" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА БЛОГ"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГЕРА</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

Просмотрим код-шаблон в окошке вверху и попытаемся разобраться с ним. В коде есть три обводки: ОБВОДКА РАМОЧКИ, ОБВОДКА КАРТИНКИ И ОБВОДКА ДЛЯ ТЕКСТА, можно все обводки сделать одинаковыми и тогда адрес будет один и тот же для трех мест. Есть два фона: ФОН ПОД КАРТИНКУ и ФОН ПОД ТЕКСТ, их тоже можно сделать одинаковыми, надо только подобрать фон, который бы подходил к картинке. Наконец, есть ФОН РАМОЧКИ, что-то подобное багетной рамочке, внутри которой расположена картинка и текст. Этот фон желательно взять не однотонным, но гармонирующим с остальными фонами, чтобы рамочка смотрелась красиво. Выбранная для рамочки картинка, должна быть по ширине не менее 550 px, можно взять картинку и меньшего размера, но рамочка в этом случае будет выглядеть чуть хуже. ССЫЛКА НА БЛОГ и ИМЯ БЛОГЕРА также надо заменить на свои собственные. Все замены надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. Текст и имя блогера будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой. Немного разобрались с тем, что собой представляет код рамочки, теперь попытаемся разобраться с тем, как этим кодом воспользоваться, если мы нашли картинку и подобрали три подходящих фона. Чтобы сделать рамочку по предложенному "скелетику", надо:
1. скопировать код из окошечка
2. перейти к дневнику и кликнуть на *НОВАЯ ЗАПИСЬ* (в левом верхнем углу странички своего дневника)
3. когда откроется ПРОСТОЙ РЕДАКТОР, кликнуть на *ПЕРЕЙТИ К ПОЛНОЙ ФОРМЕ* (в правом верхнем углу странички)
4. когда откроется текстовый редактор (но только полный), в большое белое текстовое поле вставить код рамочки
5. кликнуть на "ПРЕДПРОСМОТР" и посмотреть, что мы получили (пока практически только контуры рамочки )
6. кликнуть на "РЕДАКТИРОВАТЬ" и аккуратно занести все, что требуется для замены текстов
7. найти внизу страницы "СОХРАНИТЬ ИЗМЕНЕНИЯ" и, кликнув, просмотреть, что получили
8. убедившись в том, что мы с работой справились, нажать "ОПУБЛИКОВАТЬ"

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!
Небольшая помощь начинающим

Из окошка можно взять предложенные варианты фонов ( зеленый, желтый и синий) и с выбранной картинкой сделать свою рамочку. Кроме фонов предложен еще вариант для цвета текста. Удачи всем желающим!

<div align="center"><br /><br /> Обводка зеленая<br /> //img0.liveinternet.ru/images/attach/c/0/121/605/121605342_vesna_trava_2_fon_ot_fanina_odnot.jpg<br /> Фон<br /> //img0.liveinternet.ru/images/attach/c/10/112/262/112262962_p2.png<br /> Широкая<br /> //img1.liveinternet.ru/images/attach/d/0/138/808/138808239_250.jpg<br /> Код цвета для текста<br /> fafec8<br /> Обводка желтая<br /> https://img-fotki.yandex.ru/get/9753/198571148.138/0_1110da_c72453d9_orig<br /> Фон<br /> //img1.liveinternet.ru/images/attach/d/0/138/235/138235915_0_2d505_ae0149cc_Ljpg.gif<br /> Широкая<br /> //img1.liveinternet.ru/images/attach/c/9/107/924/107924555_18.png<br /> Код цвета для текста<br /> 663300<br /> Обводка синяя<br /> //img0.liveinternet.ru/images/attach/d/1/132/439/132439274_0_635ad_f02236f7_XXS.jpg<br /> Фон<br /> https://img-fotki.yandex.ru/get/42991/198571148.354/0_185f50_f22c128b_orig<br /> Широкая<br /> //img1.liveinternet.ru/images/attach/c/0/118/811/118811545_i19948.jpg<br /> Код цвета текста<br /> eeeeee</div>

Дополнение к уроку " Рамка с разрывом."

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ источник mimozochka

....................................

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

.......................................
Это код рамочки с разрывом той,что выше
<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br /> <center>ТЕКСТ<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/galina_neprokina/post498421077/"><b><img src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</font></font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table></center>