И снова о простых рамочках

Приведу скелетик еще одной простой рамочки для текста и дам некоторые пояснения.

<center><table style="background-image:url('АДРЕС ОКАЙМЛЯЮЩЕГО ФОНА'); background-color: #;box-shadow:-4px 4px 20px #000000; border-radius: 8px; box-shadow: 3px 3px 20px #000000;" 7px="7px" cellspacing="0" cellpadding="0" width="700"><tr><td style="padding:20px" zzz="zzz" align="center"><table style="background-image: url('АДРЕС ФОНА ПОД ТЕКСТ'); background-color: #; border-radius: 8px; box-shadow: 4px 4px 20px #000000;box-shadow:-4px 4px 20px #000000;cellspacing=" cellpadding="0" width="700"><tr><td style="padding:10px" zzz="zzz" align="center"><center><font size="5" color="#664400" face="Monotype Corsiva"><br />Здесь будет ваш текст<br /><br /></font></center></td></tr></table></td></tr></table></center>

Далее...

ТАБЛИЦА ЦВЕТОВ.

Рамочки, генератор цвета.

Коды цветов на HTML и названия палитры цветов

Жмите на любой нужный вам цвет и справа копируйте его код. Удачи!

Генератор цвета (быстрое и удобное получение кода)

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

Урок "Рамочка сделанная в Фотошопе"

По просьбе ПЧ, Урок "Рамочка сделанная в Фотошопе"
Спасибо вам мои дорогие,за высокую оценку моим работам,поэтому я с удовольствием выполняю вашу просьбу:
На примере этой рамочки мы и рассмотрим наш урок:

ВАШ ТЕКСТ

SemIra

Код рамочки
<table border="0" background="//img-fotki.yandex.ru/get/5633/131624064.356/0_a37e2_2760ef5_XL" cellpadding="0" cellspacing="0" height="481" width="750"> <tr><td><a target="_blank" href="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="//img-fotki.yandex.ru/get/6442/131624064.356/0_a37e3_19bcbb22_XL" cellpadding="0" cellspacing="0" height="79" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="730"><center> <em><strong><span style="color: #e6e7e6"><span style="font-size: 20px;"><span style="font-family: Georgia"> ВАШ ТЕКСТ <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6436/131624064.356/0_a37e4_4f461e59_XL" cellpadding="0" cellspacing="0" height="141" width="750"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/users/semenova_irina/rubric/2712037/">SemIra</a></center> </td></tr></table>
Урок смотрим
Здесь

Делаем рамки - окантовки!

 

Простые рамки с фоном

Здесь будет ваш текст. Рамка растягивается и в ширину и в длину. Вот максимальная ширина рамки.

Здесь будет ваш текст. Рамка растягивается и в ширину и в длину.

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

Что меняем в формуле?


Для кода цвета, как всегда, пользуемся генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки




ФОРМУЛА РАМКИ

Еще простые рамки можно посмотреть ЗДЕСЬ и ЗДЕСЬ
для вас Лариса Гурьянова

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

Часть 1 - ГРАФИЧЕСКИЙ РЕДАКТОР - AMS Photo Framer
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
...
Часть 35 - Цветные рамочки для текста
Часть 36 - Простые рамки с заголовком
Часть 37 - Простые рамки с фоном
Часть 38 - Прерывистые рамки для текста
Часть 39 - Делаем рамку
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ

Скелетик рамочки для Олечки. Кому надо забирайте.

ТЕКСТ, ТЕКСТ, ТЕКСТ,

Размеры поставишь свои.

Серия сообщений "МОИМ ДРУЗЬЯМ.":

Часть 1 - Моим друзьям!!!!
Часть 2 - МОИМ ДРУЗЬЯМ.
...
Часть 18 - МОИМ ДРУЗЬЯМ !!!
Часть 19 - МОИМ ДРУЗЬЯМ !!!
Часть 20 - Скелетик рамочки для Олечки. Кому надо забирайте.

Делаем рамки

Серия сообщений "Делаем рамки":
Часть 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 - ВОПРОСЫ И ОТВЕТЫ

Рамочки-обводки

ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ

Имя автора

<center><table border="0" background="//s60.radikal.ru/i167/1210/47/b40b97e7227e.png" cellpadding="0" cellspacing="0" height="41Высота картинки №1" width="750Ширина рамки"> <tr><td><a target="_blank" href="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="//s005.radikal.ru/i212/1210/2f/5deec0d5f4c8.png" cellpadding="0" cellspacing="0" height="172Высота картинки №2" width="750Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650ШИРИНА ТЕКСТА"><center><font face="Georgia" color="#000000" style="font-size:22px"><br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /> </font></center></td></tr></table> </td></tr></table><table border="0" background="//s55.radikal.ru/i150/1210/81/4d5d66088a8c.png" cellpadding="0" cellspacing="0" height="35Высота картинки №3" width="750Ширина рамки"><tr><td><center><a href="Адрес автора" target="_blank"><span style="font-family:Arial;color:#ffff00;font-size:10px"> Имя автора</span> </a></center> </td></tr></table></center><br /> <br /> <br />

ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ

Имя автора

<center><table border="0" background="//s017.radikal.ru/i412/1210/ce/c5a95bc18a77.png" cellpadding="0" cellspacing="0" height="52Высота картинки №1" width="750Ширина рамки"> <tr><td><a target="_blank" href="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="//s59.radikal.ru/i166/1210/de/3f746348a219.png" cellpadding="0" cellspacing="0" height="151Высота картинки №2" width="750Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650ШИРИНА ТЕКСТА"><center><font face="Georgia" color="#000000" style="font-size:22px"><br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /> </font></center></td></tr></table> </td></tr></table><table border="0" background="//s019.radikal.ru/i615/1210/74/156cc66f85f0.png" cellpadding="0" cellspacing="0" height="47Высота картинки №3" width="750Ширина рамки"><tr><td><center><a href="Адрес автора" target="_blank"><span style="font-family:Arial;color:#ffff00;font-size:10px"> Имя автора</span> </a></center> </td></tr></table></center><br /> <br />

ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ

Имя автора

<center><table border="0" background="//s019.radikal.ru/i629/1210/ad/42082384029d.png" cellpadding="0" cellspacing="0" height="51Высота картинки №1" width="750Ширина рамки"> <tr><td><a target="_blank" href="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="//i015.radikal.ru/1210/39/89af792144fb.png" cellpadding="0" cellspacing="0" height="147Высота картинки №2" width="750Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650ШИРИНА ТЕКСТА"><center><font face="Georgia" color="#000000" style="font-size:22px"><br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /> </font></center></td></tr></table> </td></tr></table><table border="0" background="//s52.radikal.ru/i136/1210/50/7d99f27e1d99.png" cellpadding="0" cellspacing="0" height="52Высота картинки №3" width="750Ширина рамки"><tr><td><center><a href="Адрес автора" target="_blank"><span style="font-family:Arial;color:#ffff00;font-size:10px"> Имя автора</span> </a></center> </td></tr></table></center><br /> <br />

Обещанный урок по рамке.

   Дорогие друзья, как я  обещала пишу урок по составлению формулы рамочек, не фотошопных разрезных, а рамочек по формулам.

Много просмотрела в инете материала и нашла кое-что

А)  Формулы состоят из слоёв.

Б)  Нашла как их правильно соединять в формулу.

В)  Пока делала сама и вам расскажу о формуле с начальным тегом  <div>  и закрывающим тегом  </div >

      Итак:

Р 

Рабочие формулы в окошке

1.слой - <div style="background: url(<a data-cke-saved-href="http://" href="http://" target="_blank">http://</a>....); border-style: ridge; color:#8B1A1A;padding:8px;">, 2. слой с текстом<div style="text-align: center; font: 20px Arial;font-style: italic; color: #000000; padding:2px;">ВАШ <br>ТЕКСТ<br>КАРТИНКА<br></div> , 3.- код вставки картинки - <img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА">

 

А ТЕПЕРЬ НАЧИНАЕМ ТВОРИТЬ.

   Например, сделаем рамочку из 3-х слоев с картинкой и текстом Первые два слоя будут бордюры, третий слой – фон под картинку  и текст.

Шаг %1.  Копируем слой рамки и вставляем к редактор 3 раза (так мы эту рамку делаем), вставлять слой за слоев впритык, не с новой строки каждый сдой,

Шаг №2  Туда же добавляем слой для картинки и текста.   Здесь такие тонкости:

а) удаляем слова «ваш текст» и пишем формулу   <center><pre></pre></center>  и между   preвставляем стих, если это просто текст, то  preне нужен. Если текста на фоне не будет видно, вам надо поменять цвет  (color), вставляем новый цвет во всех слоях, я не знаю почему во всех, но только тогда срабатывает

б)  стираем слово «картинка» и вставляем формулу для вставки изображения

   А теперь надо в конце написать закрывающий тег столько раз, сколько слоёв, если вы забыли сколько их, посмотрите сколько начальных тегов столько же написать в конце всей формулы.

   Заполняем формулу:

В слоях вставляем фоны (между ковычками, ковычски не удалять, я беру ссылку на картинку так: правой на картинку и там «копировать адрес изображения» не ссылку, а адрес

   Если у на 3 слоя до картинки, то третий слой будет под картинку и текст

     Вставляем картинку и текст.

Теперь делаем ширину бордюров, padding   нужно изменять от 15 до 50, редактируйте в черновике, пока будет то, что вы хотите.

 

    Следующий пост будет на более сложную рамочку. 

 

БУДЕТ ТАКАЯ РАМКА

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

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

Часть 1 - Рамка для молитвы
Часть 2 - Рамка к Пасхе. Грядущие праздники.
...
Часть 9 - Музыкальный альбом Горячий шоколад
Часть 10 - Учимся делать рамки. Урок 2.
Часть 11 - Учимся делать рамки. Урок 3
Часть 12 - Рамки для постов
Часть 13 - Вставить рамку в пост

Набор рамочек с разрывом (можно вставлять фон)

Рамочка с внешней тенью

***Картинка в разрыве*** ***Здесь будет Ваш текст***

<center><table style="background-image: url('***Фон -1***'); border: 7px double #FFFFFF; padding: 5px; box-shadow: 0px 0px 20px #000000;" width="700"><tr><td style="padding:30px"><fieldset style="border: 7px double #FFFFFF; padding: 5px; background-image:url('***фон-2***'); box-shadow: 0px 0px 20px #000000;"><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#ffffff;"><center>***Здесь будет Ваш текст***</center><br /> </span></center></fieldset></td></tr></table></center>

Рамочка без тени

***Картинка в разрыве*** ***Здесь будет Ваш текст***

<center><table style="background-image: url('***Фон -1***');border: 7px double #FFFFFF; padding: 5px; " width="700"><tr><td style="padding:30px"><fieldset style="border: 7px double #FFFFFF; padding: 5px; background-image:url('***фон-2***'); "><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#ffffff;"><center>***Здесь будет Ваш текст***</center><br /> </span></center></fieldset></td></tr></table></center>

Рамочка с внутренней тенью

***Картинка в разрыве***

***Здесь будет Ваш текст***

<center><div style="border:7px double #000066;border-radius:5px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/4/120937872.166/0_b3ab5_e3245b27_S.jpg');width:75%;box-shadow: inset 0px 0px 35px #000000;"><fieldset style="border: 7px double #000066; padding: 5px; background-image:url('***фон-2***'); box-shadow: 0px 0px 20px #000000;"><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#000000;"><center>***Здесь будет Ваш текст***</center><br /> </span></center></fieldset></div></center>

Делаем рамочку в фотошопе

ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ

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

Рамочки с внутренней тенью без ФШ

Рамочки с внутренней тенью получаются очень оригинальными. В свое время уроки с внутренней тенью в блочном элементе без ФШ, были на майле, но там все коды полетели, рамочки, мягко говоря, накрылись, их просто пришлось удалить...Я взяла за основу Объемные рамочки
Тани Егоровой, маленько поколдовала с ними методом тыка, добавила к ним тег box-shadow: inset 0 0 25px#000000;,где число 25рх отвечает за величину тени, а #000000 -это цвет тени. В результате у меня получились вот такие рамочки. Внешние тени из рамочек Тани я убрала и еще кое-какие теги. Ядумаю, что Танечка меня простит, ведь рамочки получились не плохие. К стати, в ЖЖ рамочки по коду майла с внутренней тенью встают хорошо, можно посмотреть
ТуТ

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны

Урок Сергея здесь

КАРТИНКА
ВАШ ТЕКСТ


Люба-Любушка

<center><div style="border:5px inset #281309;border-radius:10px;padding:5px;background-image:url('ФОН НАРУЖНЫЙ);width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #281309;border-radius:10px;padding:5px;background-image:url('ФОН СРЕДНИЙ');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:3px solid #281309;border-radius:10px;padding:10px;background-image:url('ФОН ДЛЯ ТЕКСТА');width:90%;box-shadow: inset 0px 0px 35px #281309;"><center><br /><span style="font-family:Georgia;color:#7b024f;font-size:20px;text-shadow:1px 1px 1px #281309;"><br /> КАРТИНКА<br /> ВАШ ТЕКСТ<br /> </span><br /><br /><center><a target="_blank" href="//www.liveinternet.ru/users/5142306/profile/"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><span style="font-family:Georgia;color:#7b024f;font-size:12px">Люба-Любушка</span></marquee></a></center></center></div></center></div></center></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('ФОН №3');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"> <span style="font-family:Georgia;color:#343A14;font-size:20px" face="Georgia"><br /><br /> Ваш текст<br /></span><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:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:8px;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:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:30px;background-image:url('ФОН №2');width:85%;"> <center> <div style="box-shadow:2px 2px 9px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url('ФОН №3');width:95%;"> <center> <br /> <div align="center"> <p><br /> <span style="color:#000000;"><span style="font-weight: 400; text-align: center; font-family: &quot;monotype corsiva&quot;, serif; font-size: 15px; line-height: 150%; rgb(85, 69, 0), 1px 1px 1px rgb(135, 102, 0); column-count: 3;"><font face="Courier New" style="font-size:20px"><span style="font-family:georgia,serif;"><em><strong>Ваш текст</strong></em></span></font></span></span><br /> </p>Ваша подпись<span style="font-family:Georgia;color:#000000;font-size:12px"></span></div></center> </div></center> </div></div></center>

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

Рамочки

Часть 1 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 2 - Номера фонов для скелетиков
...
Часть 20 - Скелетик рамки с закругленными краями
Часть 21 - Генератор необычных рамочек
Часть 22 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны
Часть 23 - Рамочки с внутренней тенью без ФШ
Часть 24 - Рамки с объемным фоном без фотошопа!
...
Часть 45 - Как сделать тени в рамочке и на картинках
Часть 46 - Работа с тенями в рамочках
Часть 47 - Без заголовка

Серия сообщений "по формулам Егоровой и Сергея с тенью":

Моя рамочка

Часть 1 - Мои рамочки объемные с тенями по формулам Сергея
Часть 2 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны
Часть 3 - Рамочки с тенью кружевные разных цветов
Часть 4 - Рамочки с тенью Синяя зима
...
Часть 39 - Рамочка Вышивка на льне
Часть 40 - Рамочки с тенями желтые
Часть 41 - Рамочки с тенями в бежево-коричневых тонах

Создание рельефной рамки в фотошопе

Создание рельефной рамки в фотошопе
Автор: Мария

Сегодня, в нашем уроке вы узнаете, как сделать красивую рамку для фотографий в фотошопе с эффектом рельефа или объема. Начнем…

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

Как сделать уголки на рамочке? (урок)

Меня попросили написать урок, как сделать рамочку с вот таким краем. Сразу скажу - урок для тех, кто уже более менее хорошо разбирается в фотошопе! 1. Открываем 2 изображения (белый фон для самой рамки и фон, который ляжет рисунком) (картинка увеличивается в размере в альбоме на яндекс фотках) Далее...

Nata Vi

Код рамочки:

Благодарю за внимание!Желаю Вам успехов!

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

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

СКРИН

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

Рамочка с фоном - бордюром верхним

Уроки от Джулии
Рамочка с фоном - бордюром верхним.
Будем делать вот такую рамочку, используя фон с верхним бордюром.

ТЕКСТ

Формула рамки Читать далее 

 

Урок "Рамочка сделанная в Фотошопе"

По просьбе ПЧ, Урок "Рамочка сделанная в Фотошопе"
Спасибо вам мои дорогие,за высокую оценку моим работам,поэтому я с удовольствием выполняю вашу просьбу:
На примере этой рамочки мы и рассмотрим наш урок:

ВАШ ТЕКСТ

SemIra

Код рамочки
<table border="0" background="//img-fotki.yandex.ru/get/5633/131624064.356/0_a37e2_2760ef5_XL" cellpadding="0" cellspacing="0" height="481" width="750"> <tr><td><a target="_blank" href="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="//img-fotki.yandex.ru/get/6442/131624064.356/0_a37e3_19bcbb22_XL" cellpadding="0" cellspacing="0" height="79" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="730"><center> <em><strong><span style="color: #e6e7e6"><span style="font-size: 20px;"><span style="font-family: Georgia"> ВАШ ТЕКСТ <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6436/131624064.356/0_a37e4_4f461e59_XL" cellpadding="0" cellspacing="0" height="141" width="750"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/users/semenova_irina/rubric/2712037/">SemIra</a></center> </td></tr></table>
Урок смотрим
Здесь