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

<center><table width="700" style="border:5px dotted #c1eae9; background-image: url(''); background-color:#00afa9" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table style="background-image: url(''); background-color: #c1eae9; box-shadow: -1px 1px 14px #,1px 1px 10px #" cellspacing="0" cellpadding="0" width="680"><tr><td style="padding:10px" zzz="zzz" align="center"><table style="background-image: url(''); background-color:#00afa9; box-shadow: 1px 1px 10px #,-1px 1px 18px #" cellspacing="0" cellpadding="0" width="660"><tr><td style="padding:10px" zzz="zzz" align="center"><div style="border:5px dotted #c1eae9; padding:10px;"><div style="border:10px double #e3fffe;padding:10px;"><div style="border:5px dotted #c1eae9; padding:10px;"><center><span style="font-family:Georgia; color:#e3fffe; font-size:18px"><b><br />Здесь будет ваш текст<br /><br /></b></span></center></div></div></div></td></tr></table></td></tr></table></td></tr></table></center>

Все рамочки сделаны по единому шаблону. Каждая рамочка имеет три слоя. Внешний слой и внутренний заданы через код цвета, а средний задан через адрес фона. Каждый слой имеет бордюр, но ширина бордюра и его вид могут меняться. Все восемь возможных видов бордюра представлены в предложенных рамочках (dotted - граница точками; dashed - граница штрихами; solid - сплошной линией; double - двойной линией; groove - трехмерная вдавленная; ridge - трехмерная выпуклая; inset - трехмерная ступенька вверх; outset - трехмерная ступенька вниз).



<div align="center"><table align="center" style="border:8px outset #d4edf0;background-color:#ffffff" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:8px outset #d4edf0" background="https://img1.liveinternet.ru/images/attach/d/3/154/445/154445907_b3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:45px"><table width="600" style="border:8px inset #d4edf0;background-color:#aad9e0" cellspacing="0" cellpadding="0"><tr><td style="padding:18px" align="center"><span style="font-family:Georgia;color:#664400;font-size:20px"><i>Здесь будет ваш текст<br /></i></span></td></tr></table></td></tr></table></td></tr></table></div>

Вчера среди процитированных сообщений друзей попался код рамочки. У меня есть рамочки с таким же кодом, но с небольшими изменениями. Решила у автора процитированного поста оставить свой комментарий. Просмотрела несколько страниц, но пост не нашла. Поэтому решила высказать свое мнение в своем дневнике. Я думаю, что код был предложен давно, так как используется расширенный редактор. Хотя это не факт. Я прежде всего все переходы на новые строки убрала, чтобы сделать код более компактным. Предполагается наличие двух разделителей, но перед каждым из них в коде есть форматирование для текста. Перед картинкой такого форматирования нет. Но ведь разделитель - это тоже картинка, тогда зачем форматирование? Его я тоже из формулы убрала. Остальное оставила без изменений в том коде рамочки, который вы видите ниже.


<div align="center"><table background="ФОН обводка -1" border="2" cellpadding="6" cellspacing="0" width="Ширина рамочки"> <tbody><tr><td style="padding: 6px;"><table background="Фон цветочный" border="2" cellpadding="30" cellspacing="0" width="100%"><tbody><tr><td style="padding: 30px;"><center><table background="ФОН обводка -1" border="2" cellpadding="4" cellspacing="0" width="100%"><tbody><tr><td><table background="ФОН однотонный -1" border="2" cellpadding="10" cellspacing="0" width="100%"><tbody><tr><td><div align="center">КАРТИНКА</div></td></tr></tbody></table></td></tr></tbody></table></center><br /><br /><br /><div align="center"><table background="Фон обводка -1" border="2" cellpadding="4" cellspacing="0" width="100%"><tbody><tr><td><table background="Фон однотонный -1" border="2" cellpadding="6" cellspacing="0" width="100%"><tbody><tr><td><div align="center"><table background="Фон обводка -1" border="2" cellpadding="4" cellspacing="0" width="100%"><tbody><tr><td><table background="ФОН однотонный -1 для текста" border="2" cellpadding="30" cellspacing="0" width="100%"><tbody><tr><td><div align="center">РАЗДЕЛИТЕЛЬ<br /><br /><div align="center"><font size="5"><font color="#Цвет текста"><font face="Palatino Linotype">ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ…<br /></font></font></font><div align="center">РАЗДЕЛИТЕЛЬ</div></div></div><div align="center"><font size="3"><font color="#Цвет текста"><font face="Palatino Linotype"><a target="_blank">Здесь ставим ИМЯ</a></font></font></font></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></div>

Мне больше нравятся рамочки немного измененного вида. Цветочный фон можно взять однотонным, ширину каждого фона тоже можно менять. Ширину рамочки я указала конкретно, а ссылку на дневник убрала совсем.


<div align="center"><table background="ФОН обводка -1" border="2" cellpadding="8" cellspacing="0" width="700"><tbody><tr><td style="padding: 8px;"><table background="Фон цветочный" border="2" cellpadding="45" cellspacing="0" width="100%"><tbody><tr><td style="padding: 45px;"><center><table background="ФОН обводка -1" border="2" cellpadding="6" cellspacing="0" width="100%"><tbody><tr><td><table background="ФОН однотонный -1" border="2" cellpadding="10" cellspacing="0" width="100%"><tbody><tr><td><div align="center">КАРТИНКА</div></td></tr></tbody></table></td></tr></tbody></table></center><br /><br /><br /><div align="center"><table background="Фон обводка -1" border="2" cellpadding="6" cellspacing="0" width="100%"><tbody><tr><td><table background="ФОН однотонный -1 для текста" border="2" cellpadding="30" cellspacing="0" width="100%"><tbody><tr><td><div align="center">РАЗДЕЛИТЕЛЬ<br /><div align="center"><font size="5" color="#38241b" face="Monotype Corsiva">Здесь будет ваш текст<br /></font><div align="center">РАЗДЕЛИТЕЛЬ</div></div></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></div>

В НЛ попался пост с заглавием "Формула рамки для бегущего текста", заглавие меня заинтересовало. Практически всегда перед цитированием понравившегося коллажа с анимацией я проверяю будет ли картинка выглядеть нормально, если я воспользуюсь этой картинкой в виде прикрепленного файла. Если картинка не плывет и не дрыгается, то я цитирую, а потом использую картинку в рамочке. Очень редко, если картинка очень понравилась, но у меня она плывет, я цитирую, но использую без анимации. Вот и здесь перед цитированием я решила формулу проверить и сразу же, что называется, прокололась. Взятая картинка у меня начала повторяться. Оказывается ВЫСОТА ДВИЖЕНИЯ ТЕКСТА не может быть больше высоты картинки. Она должна быть равна высоте взятой картинки или ее надо уменьшить. Стала разбираться дальше. Возник вопрос: почему строк девять и почему по два перехода к новой строке? Разобралась и с этим. Потом вспомнила, что сама делала посты с бегущими картинками. Среди процитированных постов нашла два нужных. Один пост от блогера bloginja выполнен с радикаловсими ссылками, которые в настоящий момент не работают, мной восстановлен. Второй пост от блогера Шадрина_Галина очень подробный и понятный, но мне не хочется тратить время на поиск в ее дневнике. Если не ошибаюсь, то я могу ограничиться ссылкой на процитированный пост. Встретившийся в НЛ пост цитировать не стала, так как формула есть в ранее процитированном посте. Вот все ссылки:
https://www.liveinternet.ru/users/win-win-win/post316345478
https://www.liveinternet.ru/users/tomishka/post497986699/
https://www.liveinternet.ru/users/tomishka/post433576835/

В этой роще березовой, Вдалеке от страданий и бед, Где колеблется розовый Немигающий утренний свет, Где прозрачной лавиною Льются листья с высоких ветвей, — Спой мне, иволга, песню пустынную, Песню жизни моей.

<table height="466" cellpadding="10" width="700" align="center" background="//img1.liveinternet.ru/images/attach/d/4/162/609/162609479_zbrr.jpg" border="0" table="0"><br /><br /><br /> <tbody><tr><td><p align="center"></p><marquee scrollamount="2" direction="up" height="200"><br /><br /><br /> <center><font color="ed1c24"><font size="4"><b><b><br />В этой роще березовой,<br /><br />Вдалеке от страданий и бед,<br /><br />Где колеблется розовый<br /><br />Немигающий утренний свет,<br /><br />Где прозрачной лавиною<br /><br />Льются листья с высоких ветвей, —<br /><br />Спой мне, иволга, песню пустынную,<br /><br />Песню жизни моей.<br /></b></b></font></font></center></marquee></td></tr></tbody></table>

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