Рамка с круглыми углами. Без фотошопа!

РАМКИ С КРУГЛЫМИ УГЛАМИ

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

И снова — «Рамочка-книжка»

И снова я возвращаюсь к своей любимой рамочке — «Рамочка-книжка» (смотри ЗДЕСЬ; ЗДЕСЬ и ЗДЕСЬ). Видите, рамочка потеряла свой ШАРМ, так как, скорее всего, картинка, которую я использовала для фона рамочки, удалена автором. А сохранить её на свой Яндекс.Диск я не удосужилась. Поэтому, ребята, даю полную волю вашей фантазии То, что закрашено желтым, — это фон(ы) Вашей будущей рамочки. Только,УМОЛЯЮ, не забудьте сохранить картинку на Свой Яндекс.Диск... Не наступайте на мои грабли!! УДАЧИ!

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
...
Часть 30 - 9 правил поиска информации в GOOGLE...
Часть 31 - Сервис для улучшения текста
Часть 32 - И снова — «Рамочка-книжка»

Серия сообщений "*** Делаем рамочки":

Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 20 - Рамочка-книжка...
Часть 21 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 22 - И снова — «Рамочка-книжка»

Поговорим о рамочке для текста "Рамочка-книжка"

Поговорим о рамочке для текста (Рамочка-книжка) ЛЮДМИЛА_ГОРНАЯ: «...когда цитирую, верхние картинки получаются на разном уровне!...» Меня это насторожило. Зашла в пост, процитировала - всё ОК; скопировала код рамочки, вставила в черновик - всё хорошо... 1. Если вы решили в одну часть вставить картинку, а в другую текст: - чтобы обе части находились на одном уровне используйте br /(<>) 2. Если в обеих частях рамочки будет располагаться текст, то старайтесь, чтобы количество строчек (четверостиший) совпадало. Немного придется подкорректировать текст также с помощью br /(<>) НАПРИМЕР: УДАЧИ ВАМ, ДРУЗЬЯ! Серия сообщений "*** Делаем рамочки": Часть 1 - Делаем рамочку для текста без ФШ... Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja... ... Часть 19 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ... Часть 20 - Рамочка-книжка... Часть 21 - Поговорим о рамочке для текста "Рамочка-книжка"

Делаем РАМОЧКИ (Всё для создания рамочек!)

ГЕНЕРАТОРЫ РАМОЧЕК   ГЕНЕРАТОРЫ ЦВЕТА     ГЕНЕРАТОРЫ ТЕНЕЙ   КОДЕРЫ (ДЕКОДЕРЫ)   ГЕНЕРАТОР СОЧЕТАНИЯ ЦВЕТА (ЖМИ на Картинку!)

 

 

 

 

Рамочка для видео+урок

Размер видео 690х390

<center><left><table border="0" background="http://images.vfl.ru/ii/1554036608/4cfba265/25996458.png" cellpadding="0" cellspacing="0" width="750" height="322"><tr><td></td></tr></table><table border="0" background="http://images.vfl.ru/ii/1554036609/851831d9/25996459.png" cellpadding="0" cellspacing="0" width="750" height=""><tr><td><center>КОД ВИДЕО -Размер видео 690х390 </center></td></tr></table><table border="0" background="http://images.vfl.ru/ii/1554036609/98960194/25996460.png" cellpadding="0" cellspacing="0" height="267" width="750"><tr><td></td></tr></table></left></center>

Серия сообщений "ШПАРГАЛКИ":

Серия сообщений "-уроки рамочки":

Оформление дневника для начинающих и не только.

Подборка УРОКОВ для начинающих блогеров и не только.... Оформляем свой дневник. Здесь всё самое необходимое, чтобы сделать его красивым и интересным. ♥ Оформление дневника новые настройки. ♥ Флешки, информеры для дневника. ♥ Полезное для новичков на LiveInternet. ♥ Как сделать ПОСТ С КАРТИНКОЙ ♥ Как ВСТАВИТЬ КАРТИНКУ в пост. ♥ МЕНЯЕМ ДАТУ ПОСТОВ на Лиру. ♥ Как вставить ВИДЕО в дневник. ♥ Как ЦИТИРОВАТЬ ЧУЖОЙ пост. ♥ Как загрузить МУЗЫКУ на Лиру. ♥ Учимся делать свои РАМОЧКИ. ♥ Делаем КРАСИВЫЙ ТЕКСТ для дневника. ♥ Полезные HTML ТЕГИ для новичков. ♥ Как УБРАТЬ ТЕКСТ ПОД КАТ.(свернуть) ♥ Делаем ОКОШКО ДЛЯ КОДОВ (флейм). ♥ Делаем ТЕКСТОВУЮ ССЫЛКУ. ♥ Как расположить КАРТИНКИ С ТЕКСТОМ? ♥ ОФОРМЛЕНИЕ ТЕКСТА в дневнике. ♥ ПОЛЕЗНЫЕ ССЫЛКИ для дневника. ♥ Делаем ПРИВЕТСТВИЕ-ЭПИГРАФ. ЗДЕСЬ далее... SvetlanaT

Как использовать формулу разрезной рамочки)))Урок для новичков...


По просьбе ПЧ решила сделать этот пост.
Здесь я расскажу ,как после того ,как вы сделали и загрузили
на фотохостинг свои детали рамочки, можно поставить их в формулу.
Урок как сделать рамочку в фотошопе я рассказывала
Здесь
Читать далее...

Рамочки с разными краями

Чтобы видеть как получается сразу: https://ida-freewares.ru/see-html.html
Цветовая палитра https://www.liveinternet.ru/users/ka82/post98160799/

ВАШ ТЕКСТ 1

1 <center><div center="" style="box-shadow:2px 6px 7px #534300,-2px -3px 2px #534300,-2px -2px 7px #846A00;border:1px inset #FFF3C9;border-radius:50% 0% 50% 0%;padding:12px;background-image:url('ФОН СЗАДИ');width:70%;"><div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:50% 0% 50% 0%;padding:15px;background-image:url('ФОН ТЕКСТА');width:94%;"><center><br /><div align="center"><span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:20px"> ВАШ ТЕКСТ 1 </font></span></div></center></div></div></center>

ВАШ ТЕКСТ 2

Смотрим и выбираем >>>>>>>

Шаблон рамочки //из инета /

<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url(&#39;&#39;); background-color: #КОД ЦВЕТА РАМОЧКИ;box-shadow:-1px 1px 18px #000000; border-radius: 2px; box-shadow: 1px 1px 10px #000;" width="900"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"><table cellpadding="0" style="background-image: url(&#39;&#39;); background-color: #; border-radius: 2px; box-shadow: 1px 1px 10px #000;box-shadow:-1px 1px 18px #000000;cellspacing=" width="900"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"><center><span style="font-family: Arial; color: #; font-size: 18px;"><b>ВАШ ТЕКСТ</td></tr></tbody></table></td></tr></tbody></table></center>

 

Серия сообщений "Рамочки":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 17 - Рамочка от MANGIANA - "Маки в кувшине"
Часть 18 - Рамочка от MANGIANA "Начало осени"
Часть 19 - Шаблон рамочки //из инета /

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 34 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ
Часть 35 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 36 - Шаблон рамочки //из инета /

Делаем рамки

Серия сообщений "Делаем рамки":
Часть 1 - Делаем рамки - серия уроков ФШ
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 3 - ДЕЛАЕМ В ФШ РАМКУ С ЗАКРУГЛЕННЫМИ УГОЛКАМИ
Часть 4 - Рамка в ОДИН слой
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
Часть 14 - Шаблоны рамок
Часть 15 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 16 - Делаем ФШ разрезную рамку с обрамлением
Часть 17 - Делаем ФШ-рамку
Часть 18 - ЗАГИБАЕМ УГОЛОК
Часть 19 - Урок для КОРЕЛА "Monika"
Часть 20 - Урок - Рамочка многослойная в ФШ
Часть 21 - Учимся делать рамку для записи в 2 слоя
Часть 22 - Урок "Рамочка сделанная в Фотошопе"
Часть 23 - УРОК = КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 24 - Делаем ФШ рамку с помощью бордюрных масок
Часть 25 - УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=
Часть 26 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 27 - Делаем в ФШ рамку для видео
Часть 28 - Делаем "рваную" рамку
Часть 29 - Как сделать рамочку в ФШ (1-я ЧАСТЬ урока) - урок от Мираж
Часть 30 - Как сделать рамочку в ФШ (2-я ЧАСТЬ урока) - урок от Мираж
Часть 31 - Делаем ФШ рамку - видео-урок
Часть 32 - Делаем рамку в Корел
Часть 33 - Простая рамка для записи с часиками
Часть 34 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 35 - Цветные рамочки для текста
Часть 36 - Простые рамки с заголовком
Часть 37 - Простые рамки с фоном
Часть 38 - Прерывистые рамки для текста
Часть 39 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 40 - Как сделать разрезную рамку в ФШ
Часть 41 - Коды для Мейла и ЛиРу
Часть 42 - Делаем разрезную рамку в ФШ

Серия сообщений "Для ЛиРу":

Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 12 - Как получить ссылку на музыку?
Часть 13 - Что сделать, если у вас в блоге не играет музыка?
Часть 14 - Делаем рамки
Часть 15 - Как сделать схему для дневника, применяя одну фоновую картинку страницы
Часть 16 - Видео-урок: Работа со ссылками на лиру
...
Часть 42 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 43 - Начинающим на ЛиРу
Часть 44 - ВОПРОСЫ И ОТВЕТЫ

Как делать рамки

Если вы хотите научиться делать рамки, то нет ничего проще.

Существует несколько видов кодов, я приведу в пример мой любимый.

<br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background=" ссылка на картинку "><tbody><tr><td><font face="Courier new" color="код цвета " size=" размер текста " font="font"><b><p align="center"><br /><br /> Ваш текст <br /><br /> </p></b></font></td></tr><br /><br /> </tbody></table> <center><br /> </center> </center>


*center*>- сообщение будет по центру.
*right*>- сообщение будет справа.
*left*>- сообщение будет слева.

style="WIDTH: 600px; HEIGHT: 150px"
WIDTH- ширина в пикселях
HEIGHT- длина в пикселях.

Простые рамочки.Делаем сами.

Самые простые рамки для дневничка. Один нюанс в разных браузерах она выглядит по разному. 1.ВАРИАНТ РАМКИ БЕЗ ФОНА. Эта рамочка просто красивая обводка вокруг текста. Правда в разных браузерах она выглядит по разному. В коде ,где написано ВАШ ТЕКСТ—Пишите свой текст. Копируйте код и вставляйте к себе в дневник в Простом редакторе. КОД ПРОСТОЙ РАМКИ. <fieldset><center>ВАШ ТЕКСТ.</center></fieldset> ЗДЕСЬ ЕЩЁ РАМОЧКИ... SvetlanaT

Учимся делать рамочки

Учимся делать рамки. Урок 1 Чтобы научиться делать рамочки, нужно вникнуть в суть их создания. Html-код рамки состоит из тегов. Используя многообразие тегов, можно составлять разные рамки. Что такое ТЕГ Чтобы лучше усвоить урок, советую нажать на эту ссылку http://delaisait.ucoz.ru/html/html-redactor.html и открыть редактор, в котором можно легко повторять мои действия. Как работать в редакторе Итак, начинаем. Тег TABLE создает таблицу. Можно составлять таблицы с разным количеством ячеек. Сейчас нам понадобится таблица с одной ячейкой, которую мы и назовём впоследствии рамочкой. <TABLE> СОДЕРЖИМОЕ РАМКИ </TABLE> Вставим этот элемент кода в редактор и будем его наполнять, дописывая атрибуты к тегу TABLE . Читать далее Я заменю 2 фона, уберу бордюр (поставлю значение "0") и поменяю отступы СОДЕРЖИМОЕ РАМКИ Урок 2 Урок 3 bloginja

Серия сообщений "рамки":

Часть 1 - Рамка к Пасхе.
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 4 - Музыкальные рамки - открытки
Часть 5 - Урок по созданию музыкальной открытки
Часть 6 - Учимся делать рамочки
Часть 7 - Музыкальный альбом Горячий шоколад
Часть 8 - Учимся делать рамки. Урок 2.
...
Часть 10 - Рамки для постов
Часть 11 - Вставить рамку в пост
Часть 12 - Рамка "Светлой пасхи"

Делаем рамочку с картинками.

Делаем рамочку с картинками

ИЗГОТОВЛЕНИЕ РАМОЧКИ. УРОК №8 Ну что ...давно вы не читали моих уроков и не учились новому...То что вы проделываете со своими рамками -похвально...Вижу что я вас многих чему то научила...Умнички..У некоторых даже свой стиль "образовался" И это похвально....потому что узнаваемо))))А сегодня мы поговорим еще о рамочках...Я уже насмотрелась на мигание ...мерцание....блескучести и тому подобное и вот решила вас немного в другое русло "повернуть"..А вдруг вам спокойствие и классика понравится больше чем авангард и анархизм))))Для начала скажу....что при этих формулах не надо искать и подбирать такие разные и многообразные фоны , а надо всего-навсего иметь таблицу цветов под рукой....и формулу =шаблон слоя рамки (как обычно) А все остадльное это ваша фантазия... Итак.....приступим... Смотрим далее...

600

Серия сообщений "Изготовление рамочек":

Часть 1 - Урок 5. Делаем вместе рамку с уголками.
Часть 2 - Делаем рамочку с картинками
Часть 3 - Коды для оформления блога
Часть 4 - Делаем 2-х слойную рамочку с применением фона и кода цвета
...
Часть 34 - Создание различных рамок в Фотошопе (3 урока)
Часть 35 - 5 Уроков Photoshop. Создание рамочек.
Часть 36 - Уроки Photoshop. Создание различных рамочек.

Рамки оригинальные

Такие вот оригинальные рамки (блоки) увидела на одном сайте.

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

Ваша подпись

<center><div style="background: #8FD532; width: 590px; padding:14px; border-radius: 18px; box-shadow: inset 5px 6px 3px rgba(203,255,144,0.4), 3px 3px 4px rgba(0,0,0,0.6), -2px -2px 4px rgba(223,152,0,0.7), 0 0 20px 3px Yellow; font-family: Georgia; font-size: 21px; font-style: italic; color:#006600;">Здесь будет ваш текст<br /> <br /> <center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></div></center>

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

Фоновое изображение в рамке. Часть 1

На этот раз хочу поделиться более сложными шаблонами, в которых можно не только менять цвет фона, но и сделать фоном изображение.
В представленной рамке фон-изображение вставляется в верхний слой снаружи.

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

Ваша подпись

<center><div style="border:2px solid #EBE3D4; width:650px; padding:18px; background-image: url('https://img-fotki.yandex.ru/get/6846/163781271.c8/0_dce0f_53e73c4b_XXS.jpg'); box-shadow:rgba(0,0,0,.8) 0 5px 11px -5px;"><div style="border:2px solid #EBE3D4; padding:18px; background:#E2D6C1; border-radius:32px; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; font-family:Georgia; font-size:19px; font-style:italic; color:#663300;">Здесь будет ваш текст<br /> <br /> <center><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></center></div></div></center>

Объяснительная часть

Делаем рамочки для видео без ФШ в по Онлайн фото редакторе - Free Online-Image-Editor

Серия сообщений "КУРАТОРЫ":

Серия сообщений "-уроки от VETA":

Урок 3 по созданию рамки с покруткой (как делаю я)

1ый урок по созданию рамки ЗДЕСЬ 2ой урок ЗДЕСЬ ДАЛЕЕ покажу как делаю прокрутку в рамочке.Все проделываю нажав на ИСТОЧНИК в расширенном редакторе                                   КОД ПРОКРУТКИ                                                                                            МОИ ПАРАМЕТРЫ ПРОКРУТКИ <div><div style="overflow-y: scroll; ШИРИНА ПРОКРУТКИ px; height: ВЫСОТАpx;">    <div><div style="overflow-y: scroll; width: 740px; height: 470px;"> напомню КОД нашей рамки <table width="800" height="600" style="border:0px none #000000" background="http://www.yapfiles.ru/files/1654905/.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Georgia;color:#000066;font-size:18px"><i><b><font color="#КОД ЦВЕТА ШРИФТА"><b> ВАШ ТЕКСТ... </b></font> </b></i></span></td></tr></table> Желтым цветом я отметила куда вставляю КОД ПРОКРУТКИ в КОД рамки (после символов  /   style="padding:20px" ОКОНЧАТЕЛЬНЫЙ РЕЗУЛЬТАТ КОДА РАМКИ ВМЕСТЕ С ПРОКРУТКОЙ <table background="http://www.yapfiles.ru/files/1654905/.png" cellpadding="0" cellspacing="0" height="600" style="border:0px none #000000" width="800"> <tbody> <tr> <td align="center" style="padding:20px"> <div> <div style="overflow-y: scroll; width: 740px; height: 470px;"> <span style="font-family:Georgia;color:#000066;font-size:18px"><i><b><font color="#КОД ЦВЕТА ШРИФТА"><b>ВАШ ТЕКСТ... </b></font> </b></i></span></div> </div> </td> </tr> </tbody> </table>

Серия сообщений "***РАМКИ":
Часть 1 - Урок по созданию рамки (как делаю я)
Часть 2 - Урок 2 по созданию рамки (как делаю я)
Часть 3 - Урок.Замена рамки с покруткой (как делаю я)
Часть 4 - Урок 3 по созданию рамки с покруткой (как делаю я)
Часть 5 - Рамочки. Как это сделать? от Ирины Ткачук
Часть 6 - Делаем разрезную рамочку в GIMP
...
Часть 36 - Создание реалистичной прозрачной таблички для двери
Часть 37 - Красивая Рамочка с применением обводки
Часть 38 - Серия уроков по открыткам. 3. Создаем рамочки+делаем кисти

Как вставить текст в рамочку