Рамка-книга, двусторонняя

<div align="center"> <table background="http://www.yapfiles.ru/files/1847680/_imeni.png" border="0" height="591" width="800"> <tbody> <tr> <td width="650"> <table align="center" border="0" cellpadding="1" cellspacing="1" height="488" width="776"> <tbody> <tr> <td style="width: 320px;"> <div style="overflow-y: scroll; width: 350px; height: 450px;"> <strong>Левая сторона</strong><br /> <p>  </p> <br /> <p>  </p> </div> </td> <td style="width: 0px;">  </td> <td style="width: 300px;"> <div style="overflow-y: scroll; width: 320px; height: 450px;"> <p> <strong>Правая сторона</strong></p> <p>  </p> <br /> <p>  </p> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <p>  </p>

 

<div align="center"> <table background="http://www.yapfiles.ru/files/1622103/DeviantIDJournal21chati.png" border="0" height="591" width="800"> <tbody> <tr> <td width="650"> <table align="center" border="0" cellpadding="1" cellspacing="1" height="488" width="776"> <tbody> <tr> <td style="width: 320px;"> <div style="overflow-y: scroll; width: 350px; height: 450px;"> <strong>Левая сторона</strong><br /> <p>  </p> <br /> <p>  </p> </div> </td> <td style="width: 0px;">  </td> <td style="width: 300px;"> <div style="overflow-y: scroll; width: 320px; height: 450px;"> <p> <strong>Правая сторона</strong></p> <p>  </p> <br /> <p> <br />  </p> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <p>  </p>

 

---

<center> <table background="http://www.yapfiles.ru/files/1622103/DeviantIDJournal21chati.png" cellpadding="0" cellspacing="0" height="591" style="border:0px none #000000" width="800"> <tbody> <tr> <td align="center" style="padding:10px"> <div> <div style="overflow-y: scroll; width:710px; height: 500px;"> <br /> <table align="right" border="0" cellpadding="0" cellspacing="0" height="56" width="693"> <tbody> <tr> <td style="width: 320px;"> <div style="text-align: left;"> <span style="font-size: 14px;"><span style="font-family: PT Serif;">Левая сторонаж</span></span></div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <p style="text-align: left;">  </p> </td> <td style="text-align: center; width: 40px;">  </td> <td style="text-align: center; width: 300px;"> <div style="text-align: left;"> <span style="font-size: 14px;"><span style="font-family: PT Serif;">Правая сторонажж</span></span></div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <div style="text-align: left;">  </div> <p style="text-align: left;">  </p> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </tbody> </table> </center> <p>  </p>

Левая сторона                           Правая сторона

---

<center> <table background="http://www.yapfiles.ru/files/1622103/DeviantIDJournal21chati.png" cellpadding="0" cellspacing="0" height="591" style="border:0px none #000000" width="800"> <tbody> <tr> <td align="center" style="padding:10px"> <div> <div style="overflow-y: scroll; width:710px; height: 500px;"> <br /> <table align="right" border="0" cellpadding="0" cellspacing="0" height="56" width="693"> <tbody> <tr> <td style="width: 340px;"> <div style="text-align: left;"> <span style="font-size: 14px;"><span style="font-family: PT Serif;">Левая сторона</span></span></div> <div style="text-align: left;">  </div> <p style="text-align: left;"> <br />  </p> </td> <td style="text-align: center; width: 5px;">  </td> <td style="text-align: center; width: 300px;"> <div style="text-align: left;"> <span style="font-size: 14px;"><span style="font-family: PT Serif;">Правая сторона</span></span></div> <div style="text-align: left;">  </div> <p style="text-align: left;"> <br />  </p> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </tbody> </table> </center> <p>  </p>

Левая сторона       Правая сторона

 

Серия сообщений "***РАМОЧКИ для рубрик":
Часть 1 - Рамка-книга, двусторонняя
Часть 2 - Прозрачная рамочка с прокруткой
Часть 3 - Простые рамочки с прокруткой
...
Часть 46 - Рамки с прокруткой для текста -"Винтаж-золото"2
Часть 47 - Рамки с прокруткой для текста -"Винтаж-золото"
Часть 48 - Рамки с прокруткой для текста -"Винтаж-золото"800х463

Как сделать бегущий текст на картинке, без всякого редактора

В этом уроке я покажу как сделать бегущий текст на картинке, не прибегая ни к каким редакторам! Выглядит это вот так. Падают с ветки Жёлтые монетки… Под ногами целый клад! Это осень золотая Дарит листья Не считая... Золотые дарит листья дарит листья Вам, и нам, И всем подряд.

Красивое разворачивание картинки в постах и рамках

Картинка, как и текст, может тоже появляться в движении, это выглядит красиво и оригинально, особенно при оформлении рамок и постов. Например вот так. >

Формула разрезной ФШ рамочки (код для ЖЖ и Лиру)

Формула разрезной рамочки Формула универсальная, подходит для Лиру и ЖЖ =============================================== <div align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><table width="ШИРИНА ВЕРХНЕЙ ЧАСТИ" height="ВЫСОТА ВЕРХНЕЙ ЧАСТИ" style="border:0px none #000000" background="ССЫЛКА НА ВЕРХНЮЮ ЧАСТЬ РАМКИ" 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><tr><td style="padding:0px" align="center"><table width="ШИРИНА" style="border:0px none #000000" background="ССЫЛКА НА СРЕДНЮЮ ЧАСТЬ РАМКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#ffffff;font-size:23px">Здесь будет ваш текст</span></td></tr></table></td></tr><tr><td style="padding:0px" align="center"><table width="ШИРИНА НИЖНЕЙ ЧАСТИ РАМКИ" height="ВЫСОТА НИЖНЕЙ ЧАСТИ РАМКИ" style="border:0px none #000000" background="ССЫЛКА НА НИЖНЮЮ ЧАСТЬ РАМКИ" 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></table>

Как сделать тени в рамочке и на картинках

Сегодня сделаю рамочки и открыточки с тенью без ФШ, используя

генератор рамок

,

Урок ТуТ

.
Сделали рамочку, но рамочка там плучается плоская, да и цвет фона однотонный...
Чтобы рамочка имела как бы объем, вот и воспользуемся подсказкой сайта

Шпаргалка блоггера

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

Часть 1 - комментики на скорую руку
Часть 2 - рамочка-обводка
Часть 3 - Делаем круглые картинки без ФШ
Часть 4 - Как сделать тени в рамочке и на картинках
Часть 5 - Заснеженные лисы
Часть 6 - Открыточки с тенью по формуле
...
Часть 12 - Мой маленький Ангел
Часть 13 - Рамочка для поздравлений с розой
Часть 14 - Заготовки для баннеров, записей и открыток от Flash Magic.

Серия сообщений "*** уроки":

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 16 - Внутренние тени изображений и текста
Часть 17 - Изучаю тени...
Часть 18 - Как сделать тени в рамочке и на картинках
Часть 19 - мастерская ZOMKI -рамочка
Часть 20 - Html - шпаргалка
...
Часть 43 - Текст на картинке и показать картинки с прокруткой
Часть 44 - Для тех, кто хочет научиться делать рамочки с тенью
Часть 45 - урок, как сделать рамочку (по просьбе)

Серия сообщений "= МОИ УРОКИ":

Часть 1 - Фото - как задний план
Часть 2 - СОЗДАЕМ КЛЕТЧАТЫЙ ФОН
...
Часть 5 - Рисуем на кубе
Часть 6 - ФЛЭШКА и как вставить ее в картинку (подсказка моим друзьям)
Часть 7 - Как сделать тени в рамочке и на картинках
Часть 8 - Вот ты какоой........
Часть 9 - Учусь работать в Inkscape
...
Часть 16 - шпаргалочка-подсказка
Часть 17 - Для тех, кто хочет научиться делать рамочки с тенью
Часть 18 - урок, как сделать рамочку (по просьбе)

Мои помощники генераторы для создания рамочек..Делюсь.

Дорогие мои, по многочисленным просьбам сегодня я хочу вас познакомить  с парочкой  генераторов, которые я часто использую для создания рамочек. Этот генератор создаёт округлость рамочек, тень для них и тень для текста.Генератор на английском языке, но всё в нём понятно.Кстати,генераторы для тех, кто разбирается в кодах HTML. Ниже я объясню основные шаги. Для начала познакомимся с ним..Заходим, но это для тех, кто понимает английский))).. И конечно , я объясню Вам подробно о разделах по отдельности, код, которых принимает наше Li.ru. Внешняя тень для рамочек..Движками вы можете регулировать тень, которая будет за рамочкой и нажав на палитру, вы выбираете цвет этой тени.. когда вы будете довольны тем, что создали -слева копируете код вашей тени и вставляете в общий код рамочки. Сверху три палитры для примера, как будет цвет вашей рамочки и цвет тени выглядеть на общем фоне.Но в коде этой палитры уже не будет. Ну.... жмите на картинку и переходите к генератору.

ПРОСТЕНЬКИЙ УРОК, для тех кто хочет освоить программу Pixlr Editor
 

Как я делаю коллаж в программе Pixlr Editor ссылка проги https://pixlr.com/ru/e/
Не судите строго, может где-то есть уроки, но я научилась сама, методом тыка.

Смотрим далее...

 

Серия сообщений " МОИ УРОКИ":

Часть 1 - Урок в программе Sothink SWF Quicker
Часть 2 - Урок Делаем рамочки в ФШ
...
Часть 41 - Урок + коллажи,работа в Корел
Часть 42 - УРОК+ коллаж в photofiltre studio x
Часть 43 - ПРОСТЕНЬКИЙ УРОК, для тех кто хочет освоить программу Pixlr Editor
 

10 простых рамочек с прокруткой+КОД

10 прозрачных рамочек с обводкой+код

Набор простых рамочек+формула

Простые рамочки для записи...+формула



***КОД ФОРМУЛЫ РАМОЧКИ***

ТЕКСТ

Рамочка для текста + скелетик

Ваш текст



Подпись

 

                                                              <center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:0px 600px 0px 600px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:15px;background-image:url('http://imagehost.spark-media.ru/i4/F37A10F2-D470-09C9-08E6-1E677DB92365.jpg');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:0px 395px 0px 395px;-moz-border-radius:65px;-webkit-border-radius:1em;padding:22px;background-image:url('http://imagehost.spark-media.ru/i4/51B3BD42-A044-D979-BF0B-C861A7BB2F5A.jpg');width:85%;"> <center> <div style="box-shadow:2px 2px 7px white,-2px -2px 7px white,2px 2px 7px black;border:1px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:4px;background-image:url('http://imagehost.spark-media.ru/i4/F37A10F2-D470-09C9-08E6-1E677DB92365.jpg');width:85%;"> <center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:10px;background-image:url('http://imagehost.spark-media.ru/i4/132E321F-3630-6FE1-B999-F3ED977240A7.jpg');width:95%;"> <center> <br /> <div align="center"> <br /> <br /> <span face="Georgia" style="font-family:Georgia;color:#CEFEFE;font-size:20px">Ваш текст</span><br /> <br /> <br /> <br /> <center> Подпись</center> </div> </center> </div> </center> </div> </center> </div> </div> </center>

 

 

СКЕЛЕТИК РАМОЧКИ:

Ваш текст



Ваша кликабельная подпись

 

                                                                    <center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:0px 600px 0px 600px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:15px;background-image:url('ФОН №1');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:0px 395px 0px 395px;-moz-border-radius:65px;-webkit-border-radius:1em;padding:22px;background-image:url('ФОН №2');width:85%;"> <center> <div style="box-shadow:2px 2px 7px white,-2px -2px 7px white,2px 2px 7px black;border:1px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:4px;background-image:url('ФОН №1');width:85%;"> <center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:10px;background-image:url('ФОН №4 для текста');width:95%;"> <center> <br /> <div align="center"> <br /> <br /> <span face="Georgia" style="font-family:Georgia;color:#343A14;font-size:20px">Ваш текст</span><br /> <br /> <br /> <br /> <center> Ваша кликабельная подпись</center> </div> </center> </div> </center> </div> </center> </div> </div> </center>

Урок. Как сделать простую рамочку для текста

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона.  Такую же рамочку Вы видите в этом посте.  Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник". <center><table border="2" background="URL АДРЕС ФОНА ОБОДКА " cellpadding="5" cellspacing="5" width="100%"><tr><td><table border="2" background="URL АДРЕС ОСНОВНОГО ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

Читать далее...

Урок"Делаем рамку 8 слоев" (по просьбе)

По просьбе сделала урок"Как делать вот такую рамочку."
Рамку делайте в простом редакторе.

ВАШ ТЕКСТ

Копируете код,что между точек и в него ставите значения свои по скрину.
.......................................................

ВАШ ТЕКСТ

 

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

Вот скрин формулы этой рамки

1.
 
Давайте разберем ее по выделенным цветам.
1 Розовый цвет это фон обводка 1 .Ставим вместо слов адрес фона (строго от кавычек до кавычек.)Адрес можно взять на яндексе например, нижнее окно под картинкой фоном (ссылка на картинку) Цифры помеченные розовым это ширина фона ,можно менять по желанию.
2 Желтый цвет это фон 2 узкий и цифры желтым можно менять.(от кавычек до кавычек осторожно)
3 Синий цвет это фон3 широкий . Цифры синим можно менять это ширина фона.
4 Зеленый фон основной 4,где будет текст или ваши картинки
5 Коричневый цвет: Ваш адрес дневника,а черный адрес картинки и также размеры ее (можно менять).При нажатии этой картинки откроется ваш дневник.
6 Если надо поменять цвет текста то смотрите это (color:#ffffff) перед словами Ваш текст.Менять с осторожностью код цвета после решетки и до кавычек
7 Если нужно картинку- ник поменять расположение, то вместо (div align="right")меняете на center или left

По просьбе "скелетик" кода такой рамки.

Код "скелетик" такой рамки. Здесь будет Ваш текст. Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="3" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:3px"><table border="0" background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" width="700px"><tr><td style="padding:11px"><center><fieldset><legend align="left">РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br /><strong><center>Здесь будет Ваш текст.</center></strong><br /><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></span></span></span></fieldset></center></td></tr></table></td></tr></tbody></table></center> Значения в кавычках можно менять. Например, размер букв span style="font-size:20px;. Если цифру 20 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв span style="color:#00000". Если вместо, 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания span style="font-family:Palatino Linotype". Если вместо названия шрифта Palatino Linotype написать Arial или Monotype Corsiva, то написание букв изменится. Теги center - картинка или текст распологаются по центру рамки. Эта рамка подходит для Я.РУ Здесь будет Ваш текст Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="4" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:4px"><table background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" style="border:0px groove #996600" width="700"><tbody><tr><td align="center" style="padding:11px"><fieldset style="border:3px #000000 double ; padding: 10px; margin:0px 0px 0px 0px;"><legend>РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><center><em><strong><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br />Здесь будет Ваш текст<br /></span></span></span></strong></em></center><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></fieldset></td></tr></tbody></table></td></tr></tbody></table></center> Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezyshko

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Окантовка текста.

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

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

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

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


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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="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="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="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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Делаем оригинальные рамочки без фонов. Урок!

Вот такие рамочки с оригинальным дополнением без фонов можно использовать под ваши изображения, фото, текст. Очень просты в использовании, не надо подбирать фон. Потратите несколько минуток, что бы поставить код цвета, поменять ширину обводки, ширину рамки и оля_ля..рамочка готова. Мне лично нравятся. Кто захочет тоже делать такие, объясню, что в коде рамочек вы будете менять по-своему желанию. А кого устраивает и такой цвет, для тех я выставлю коды. И пожалуйста меняйте значения именно там, где я указала и нигде больше! Итак: под каждой рамочкой идет скрин, где я указала, где и что менять.
Начнем с этой, с разрывом. Многие из вас такими пользуются, немного другого дизайна и она уже смотрится более оригинальной. Подчеркну: все что я указала на скрине, можно менять - и цвет и px.

...Здесь будет ваша запись...картинки...

КОД РАМКИ

<center><table style="background-color: #000000; border:6px dotted; color: #EFE298; padding: 5px;" width="810"><tr><td style="padding:24px"><fieldset style="border: 4px dotted #EFE298;"><legend><a title="Arnusha" href="http://arnusha.ru/profile" target="_blank"><img src="//img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#EFE298;">...Здесь будет ваша запись...картинки...<br /> <br /> <br /> </span></center></fieldset></td></tr></table></center>

СКРИН

кому интересно,вам сюда

Моя мастерская

Добро пожаловать!!