Анимированные спиральные фоны- футажи.
Футажи gif - спиральные фоны

смотреть далее

Яркие фоны - фракталы.
Анимированные фрактальные фоны

смотреть далее

Футажи с распускающимися цветами.
Распускающиеся цветы на прозрачной основе - футажики для фотошопа.

 

• 

смотреть далее

Цветочные гиф- футажи.

Футажи (гиф анимация) - летящие цветы на прозрачном фоне
 

смотреть далее

Блестящие анимированные фоны.
Фоны - глиттеры

Серия сообщений "Фоны для блогов":

Часть 1 - Оригинальные черные фоны Часть 2 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы Часть 3 - Глиттеры всех цветов и расцветок Часть 4 - Глянцевые фоны всех цветов Часть 5 - Обои Православные иконы (1024х768). Часть 6 - Коллекция фонов , с летящими листьями. Часть 7 - НОВОГОДНИЕ фоны, с боковым рисунком Часть 8 - Создай свой фон онлайн! Часть 9 - Замечательный сайт, где собрано огромное количество фонов и текстур Часть 10 - Оригинальные объемные бесшовные фоны всех цветов

Часть 11 - Коллекция черных фонов , с летящимм снегом Часть 12 - Фоны не будут отвлекать внимание от текста Часть 13 - Красивые рельефные фоны Часть 14 - Необычные и красивые фоны для дизайна Часть 15 - Фоны - глиттеры Часть 16 - Коллекция фонов на все темы Часть 17 - Делаем свой фон без фотошопа Часть 18 - Простой генератор фонов на любой вкус Часть 19 - Генератор создания фонов в полосочку. Часть 20 - Бесшовные фоны для Вашего сайта Часть 21 - Лучшие сайты с фонами

 

Фон своими руками без ФШ.
Делаем свой фон без фотошопа.

Серия сообщений "Фоны для блогов"

Простой генератор фонов на любой вкус

Генератор создания фонов в полосочку

Несложный оригинальный фон для дневника в Эдитор онлайн.
Делаем свой, несложный, но оригинальный фон для дневника в Эдитор

Делаем свой, несложный, но оригинальный основной фон для дневника в онлайн -фотошопе Эдитор

Серия сообщений "Фотошоп онлайн/ЭДИТОР"

Создаём фоны в полоску при помощи генератора.
Генератор создания фонов в полосочку.

 

О сайте "Бесшовные фоны для Вашего сайта".
Бесшовные фоны для Вашего сайта.

 

Большие замечательные фоны для оформления дневника.
Необычные и красивые фоны для дизайна.

Подборка красивых ФОНОВ, которые можно использовать в как в своем творчестве, так и для фонов дневника.

Серия сообщений "Фоны для блогов"

Много фонов на разные темы с сайта lenagold от Шадриной Галины.
Большая коллекция фонов на все темы.

БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы. Алфавитный каталог А • Автомобили • Аисты • Акулы • Ангелы • Анютины глазки • Апельсины • Архитектурные украшения • Африканцы Г • Бабочки • Барельефы • Бокалы • Бревна • Бумага • Буквы • Букеты • Бутылки Смотри далее

Серия сообщений "Ссылки"

Часть 1 - Женские и мужские журналы
Часть 2 - Интересные и нужные сайты на любой вкус
Часть 3 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы
Часть 4 - Красивые обложки в мой мир - для моего мира - МАЙЛА !!!
Часть 5 - Ссылки на сайты с орнаментами и узорами. Орнаменты разных стилей и эпох...
...
Часть 25 - ВСЕ ПОПУЛЯРНЫЕ СЛОВАРИ В ОДНОМ МЕСТЕ
Часть 26 - Интересные сайты сети интернет
Часть 27 - Нужные и интересные сайты

Серия сообщений "Фоны для блогов":

Часть 1 - Оригинальные черные фоны
Часть 2 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы
Часть 3 - Глиттеры всех цветов и расцветок
Часть 4 - Глянцевые фоны всех цветов
...
Часть 19 - Генератор создания фонов в полосочку.
Часть 20 - Бесшовные фоны для Вашего сайта
Часть 21 - Лучшие сайты с фонами
 

Фоны с рельефным рисунком от Шадриной Галины.
Фоны, которые не будут отвлекать внимание от написанного текста

Подборка бесшовных ФОНОВ, со слегка выбитым рисунком, которые не будут отвлекать внимание от написанного текста, так как они не отличаются особой эффектностью. - Цветовой оттенок и текстура у них едва выражены. Как взять адрес фона в другом размере с альбомов на Яндекс.Фотках СМОТРИМ ЗДЕСЬ

Серия сообщений "Фоны для блогов"

Часть 1 - Оригинальные черные фоны
Часть 2 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы
...
Часть 10 - Оригинальные объемные бесшовные фоны всех цветов
Часть 11 - Коллекция черных фонов , с летящимм снегом.
Часть 12 - Фоны, которые не будут отвлекать внимание от написанного текста
Часть 13 - Красивые рельефные фоны
Часть 14 - Необычные и красивые фоны для дизайна
...
Часть 19 - Генератор создания фонов в полосочку.
Часть 20 - Бесшовные фоны для Вашего сайта
Часть 21 - Лучшие сайты с фонами

Текстовые рамочки для рецептов выпечки.
Рамочка "Выпечка"

ВАШ ТЕКСТ

Nata Vi

Код рамочки:

Далее 2 рамочки без божьей коровки и без анимации...

Текстовая рамочка для праздничных рецептов.
Рамочка "Праздничный стол"

А здесь будут Ваши рецепты праздничных блюд

Nata Vi

Код рамочки:
Далее ещё три кода вариантов этой рамки...

Текстовая рамка для рецептов домашних заготовок на зиму.
Рамочка кулинарная "Рецепты консервации."

... ВАШ ТЕКСТ...

Текстовая рамочка кулинарная в форме домика.
Рамка для рецепта *Домик*.
 

Название Вашего поста
Картинка
(её ширина не должна быть шире текстового поля рамки 340пик)
Сам пост (После того, как вы вставите свой текст,все мои слова удалите. )
По мере заполнения рамки текстом появится прокрутка справа

<center><div style="background:url('//img-fotki.yandex.ru/get/9171/50114850.531/0_d81d2_ad51c938_XL.png.jpg') top left no-repeat; padding-top:130px; height:450px; width:620px"><div style="width:300px; height:360px; padding:0 145px 0 175px; font: 16px Arial; font-style: italic; color: #547E2D; overflow:auto; text-align:center"><br /> <center><b>Название Вашего поста</b><br /> Картинка (её ширина не должна быть шире текстового поля рамки 300пик)<br /> Сам пост (После того, как вы вставите свой текст,все мои слова удалите. )<br /> По мере заполнения рамки текстом появится прокрутка справа</center></div><center><a title="Kantemiirina" data-cke-saved-href="http://www.liveinternet.ru/users/irinardt/rubric/3437983/" href="http://www.liveinternet.ru/users/irinardt/rubric/3437983/" target="_blank"><img data-cke-saved-src="//img-fotki.yandex.ru/get/4410/50114850.277/0_78c30_28ccf020_XS.jpg" src="//img-fotki.yandex.ru/get/4410/50114850.277/0_78c30_28ccf020_XS.jpg" alt="" align="center" /></a></center></div></center>

Kantemirova Irina

 

Серия сообщений "Рамочки для рецептов":

Часть 1 - Рамочка для записи рецептов
Часть 2 - Кулинарная рамочка
...
Часть 32 - Рамка для рецепта *Разделочная доска*
Часть 33 - Рамки для рецептов *Весёлые овощи*
Часть 34 - Рамка для рецепта *Домик*
 

Как вставить изображение в рамочку?
Рамка вокруг изображения

С помощью CSS можно вокруг любого изображения сделать симпатичную
рамку-обводку. Поскольку у стилевого свойства border есть несколько значений,
то и рамочки могут быть разными по стилю, цвету и толщине.

Название цвета указываем по-английски. Значения меняем в строке:
style="border: 10px double Blue", где 10 — толщина, double — стиль, Blue — цвет.
Сначала покажу примеры рамок, а ниже представлю их коды.

Вариант 1

Изображение заключено в двойную рамку: стиль double;

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

Как создать окно для кода? Формула.
Делаем Окошко для кодов.
 

Этот урок как делать окошко для кодов. Очень полезная штука и удобная.Можно быстро скопировать код и занимает мало места.Очень хорошо подходит для рамочек. Если у вас получилась красивая рамка и хочется поделиться с другими её кодом. Выглядеть окошко без кода будет так.ВАШ КОД SvetlanaT

 

Бегущий текст в рамочке. Уроки от Татьяны Егоровой.
Бегущий текст

БЕГУЩИЙ ТЕКСТ

Попросили сделать урок с таким вот бегущим текстом как в рамочке ниже

рамочка от Егоровой Татьяны..................................................коллаж от Sabine Astana Здесь будет Ваш текст

Код этой готовой рамочки <table style="border:8px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><center><b><a target="_blank" href="http://www.egorovatatiana.ru/"><font color="#f5989d"><font size="1">рамочка от Егоровой Татьяны</font></font></a><font color="#9d0039"><font size="1">..................................................</font></font><a target="_blank" href="//www.liveinternet.ru/users/3111237/"><font color="#f5989d"><font size="1">коллаж от Sabine Astana</font></font></a></b><table style="border:3px ridge #cc9900" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:15px"><table style="border:3px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="570" height="398" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" align="center"><table width="230" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#000000;font-size:20px"><b></b></span></td></tr></table></td><td style="padding:1px" align="center"><table width="305" height="360" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#000000;font-size:12px"><b><marquee width="245" height="290" scrolldelay="0" direction="up" scrollamount="1" style="background: ; padding: 0px; border: 0px aeca7d;"><center><font color="#000000"><font size="2"><b><br /> Здесь будет Ваш текст</b></font></font></center></marquee></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center></td></tr></table>

Читать далее
еще разные уроки здесь

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

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

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

Ваша подпись

<div style="background-color: #F4FC03; border:3px #00B344 ridge; width: 640px; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;"><img src="ВАША КАРТИНКА" style="float: left; margin: 0px 15px 10px 0px" /><span style="font-family: Georgia; color:#000000; font-size: 18px;">Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.<br /><br /> <center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">Ваша подпись</a></center></span></div>

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

Обводим текстовую рамочку изнутри.
Обводка внутри рамки (блока).

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></center></div></div></center>

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

Делаем красивую текстовую рамку в один слой.
Рамка в ОДИН слой.

Это простая,но оригинальная рамка состоит всего из одного слоя. Нужно только подобрать необычный фон для неё. Делаем рамку,на свой вкус, так: Если через Я.ру. Заходим и выбираем картинку-фон. НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 600px;ШИРИНА картинки HEIGHT: 300px"ВЫСОТА... Затем находим надпись— Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем. Вставляете эту ССЫЛКУ. ЗДЕСЬ далее... SvetlanaT

 

КОД"СКЕЛЕТИКА"рамки.

<left><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="18" cellpadding="3" width="600" align="left" border="3" background="КАРТИНКА ФОН"><tbody><tr><td> <font size="4" color="#000000" face="Monotype Corsiva"><b><p align="center"><br /><br />ВАШ ТЕКСТ </p></b><br /> <center><a target="_blank" data-cke-saved-href="ССЫЛКА НА ВАШ ДНЕВНИК" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></td></tr><br /></tbody></table><center></center></left>

Уроки Юлии Гурбер. Ассиметричная рамочка с помощью таблиц css.
Рамочки с закруглёнными углами

Хотите за 5 минут собрать простенькую, но очень симпатичную рамку
для текста? Например, такую:

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

Или такую:

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

Тогда смотрим и берём на заметку.
Смотрим дальше

Объёмные текстовые рамочки с цветной тенью.
Рамки оригинальные.

РАМКИ ОРИГИНАЛЬНЫЕ С ПОМОЩЬЮ CSS. УРОК ЮЛИИ ГУРБЕР

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

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

Ваша подпись

<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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></div></center>

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

Уроки Татьяны Егоровой. Объёмные текстовые рамочки разные.
Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо!
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Читать далее

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона. Егорова Татьяна

Код готовой рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" 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"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" 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=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" 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=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" 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=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/h-18805.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><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><br />Здесь будет Ваш текст<br /> <br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"></a></b></span></td></tr></table></td></tr></table>

Делаем рамочки с круглыми углами без фотошопа. Уроки Татьяны Егоровой.
Рамка с круглыми углами. Без фотошопа!

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

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


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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>

Новогодняя схемка.
Схемка "Новогодние шары на еловых ветках..." от Мариэлла_32

Красивая кофейная рамочка для текста.

Ночное кафе \стихи + рамочка.

Тонкий запах древесный разлит сигарет,  Земляничного Кьянти в бокалах букет,  И отпущена с ветром ночным полетать  Неприступность улыбки и гордая стать...  Бронь на доступ к душе на сегодня твоя...  И душа в неглиже, как и смысл бытия...  Я читаю тебя и насквозь, и взахлёб...  Музыканты ушли... или время нам врёт...  Всё теснее сплетаются тени свечей...  Эта ночь зачеркнула бездарность ночей...  Это было так странно...теряясь в тебе...  Стать настолько родной в незнакомой судьбе...   © Copyright: Леди Натали, 2008.

LA

 

<center> <table background="https://s6.wampi.ru/2018/06/28/Night-Cafe800-546-01.gif" border="0" cellpadding="0" cellspacing="0" height="546" width="800"> <tbody> <tr> <td>  </td> </tr> </tbody> </table> <table background="https://s6.wampi.ru/2018/06/28/Night-Cafe800-22-02.png" border="0" cellpadding="0" cellspacing="0" height="22" width="800"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="700"> <center> <span style="color:#ffcda1;"><span style="font-family: times new roman,times,serif;"><em><span style="font-size: 22px;"><span style="text-shadow: 0.1em 0.1em 0.2em black;">ВАШ ТЕКСТ ...</span></span></em></span></span></center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://s6.wampi.ru/2018/06/28/Night-Cafe800-130-03.png" border="0" cellpadding="0" cellspacing="0" height="130" width="800"> <tbody> <tr> <td> <center> <a data-cke-saved-href="http://www.liveinternet.ru/users/lamerna/" href="http://www.liveinternet.ru/users/lamerna/" target="_blank"><span style="color:#8b4513;"><font face="Arial" style="font-size:10px"><b>LA</b></font></span></a></center> </td> </tr> </tbody> </table> </center> <p>

Осенняя рамочка с чаепитием.

Рамочка "Калина красная, калина ".

ВАШ ТЕКСТ ...

LA

код рамочки с анимацией

<center> <table background="https://img-fotki.yandex.ru/get/371503/42965840.19e/0_c0e86_fe9e8812_orig.gif" border="0" cellpadding="0" cellspacing="0" height="560" width="800"> <tbody> <tr> <td>  </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/480528/42965840.19e/0_c0e88_d720ad36_orig.png" border="0" cellpadding="0" cellspacing="0" height="45" width="800"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="700"> <center> <span style="font-family:times new roman,times,serif;"><em><span style="font-size:22px;"><span style="text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">ВАШ ТЕКСТ ...</span></span></em></span></center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/767452/42965840.19e/0_c0e89_ea8b695f_orig.png" border="0" cellpadding="0" cellspacing="0" height="79" width="800"> <tbody> <tr> <td> <center> <a data-cke-saved-href="http://www.liveinternet.ru/users/lamerna/" href="http://www.liveinternet.ru/users/lamerna/" target="_blank"><span style="color:#fff0f5;"><font face="Arial" style="font-size:10px"><b>LA</b></font></span></a></center> </td> </tr> </tbody> </table> </center>

код рамочки без анимации

<center> <table background="https://img-fotki.yandex.ru/get/368796/42965840.19e/0_c0e87_dfc854e7_orig.png" border="0" cellpadding="0" cellspacing="0" height="560" width="800"> <tbody> <tr> <td>  </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/480528/42965840.19e/0_c0e88_d720ad36_orig.png" border="0" cellpadding="0" cellspacing="0" height="45" width="800"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="700"> <center> <span style="font-family:times new roman,times,serif;"><em><span style="font-size:22px;"><span style="text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">ВАШ ТЕКСТ ...</span></span></em></span></center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/767452/42965840.19e/0_c0e89_ea8b695f_orig.png" border="0" cellpadding="0" cellspacing="0" height="79" width="800"> <tbody> <tr> <td> <center> <a data-cke-saved-href="http://www.liveinternet.ru/users/lamerna/" href="http://www.liveinternet.ru/users/lamerna/" target="_blank"><span style="color:#fff0f5;"><font face="Arial" style="font-size:10px"><b>LA</b></font></span></a></center> </td> </tr> </tbody> </table> </center>

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

Осенняя схемка для дневника.
Схемка " красота листьев..." от Мариэлла_32

Текстовая рамочка "Яблочный Спас".

Рамочка для текста № 11. Яблочный Спас.

..... Ваш красивый текст ..... BFlash

<center><table style="background-image: url('');background-color: #ce1100; border: 10px double #; padding: 7px; box-shadow: 0px 10px 30px #000000;" width="800"><tr><td style="padding:53px 20px 50px 20px"><center><table style="background-image: url('g'); background-color: #50c638; border: 10px double #; padding: 7px; box-shadow: 0px 2px 30px #000000;" width="750"><tr><td style="padding:10px"><center><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/2/149/911/149911957_aramat_ZXC006.gif" src="//img1.liveinternet.ru/images/attach/d/2/149/911/149911957_aramat_ZXC006.gif" width="700" height="435" alt="aramat_ZXC006 (700x435, 1493Kb)" style="border:0px #B0A8A8 double;box-shadow: 0 0 15px rgba(0,0,0,0.1);" /></center><p style="text-align: center; padding:10px; font-family:courier new,courier,monospace; color:#193502;line-height: 1.5; font-size:20px">..... Ваш красивый текст ..... </p><hr align="left" width="300" size="1" color="#FFF51A" /><hr align="center" width="400" size="1" color="#cd1505" /><hr align="right" width="300" size="1" color="#275105" /><p style="text-align: right;font-family:Saginaw;letter-spacing:3px; color:#193502; font-size:16px"><b>BFlash</b></p> </td></tr></table></center></td></tr></table></center>

Нежные розы. Схемка для дневника.

Схемка "Розы..." от Мариэлла_32.

Розы. Схема для дневника.

Схемка "Розы на ветке..." от Мариэлла_32