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

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

<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>
Урок смотрим
Здесь

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

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

ВАШ ТЕКСТ

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>
Урок смотрим
Здесь

Как делать разрезную рамку

Цитата сообщения ЕСЕНИЯ78

УРОК. "КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФШ"

Ну вот и я решила написать свой урок по созданию разрезных рамочек в ФШ. Вроде и уроки уже есть на эту тему, но у многих еще остались вопросы и не у всех получаются такие рамки, вот я и решила поделится своим опытом создания подобных работ, так как до всего я доходила сама, возможно мой урок будет отличаться от уже имеющихся и кому-то поможет лучше понять весь процесс))).
Итак начнем:

1) Открываем в ФШ новый документ с такими настройками:


2) И рисуем рамку какую вам подскажет фантазия. Я сделаю для примера простую рамку инструментом "прямоугольник со скругленными концами".


А вы можете исспользовать и формы и уже готовые рамки.
Только одно условие: СЕРЕДИНА РАМКИ ДОЛЖНА БЫТЬ С РОВНЫМИ КРАЯМИ, БЕЗ РИСУНКОВ И С ОДНОРОДНЫМ ФОНОМ (сложные фоны такие, как градиенты, неоднородного рисунка, с узорами - не подходят, так как середина рамки будет растягиваться и повторятся и на ней будут заметны перепады.
а вот с верхней и нижней частями рамки выможете эксперементировать как пожелаете.

3) Рисуете прямоугольник, отступая от краев документа. если вас не устраивает цвет - вы легко можете поменять его "наложением цвета"


4) Можно выполнить обводку прямоугольника - я выбрала золотой узор.


5) я решила создать дубликат слоя с прямоугольником


6) Теперь нам нужно немного его уменьшить. Для этого при агнл. раскладке нажимаем Ctrl+T (трансформирование) и тянем за 2 противоположных уголка к центру (по очереди естественно - сначала за один, затем за другой). Установив нужный размер - жмем Enter.


Так же вы можете наложить другой цвет на внутренний прямоугольник или текстуру.эксперементировать можно до бесконечности))

7)Затем я добавляю в рамку всевозможные украшения в виде клмпартов и кистей. Если вам вдруг не хватило размера холста то это можно исправить

И вот что у меня выходит:


8) Теперь пришло время отсечь все лишнее:


9) Теперь разделяем нашу рамку направляющими на 3 части


как видите середина у нас остается без рисунка:


10) Теперь объедините все слои для удобства разрезания.
12) Сначала я пользовалась довольно простым методом разрезки - а именно инструментом "рамка" я аккуратно отрезала верхнюю часть
и сохраняла ее в формате PNG



А затем делала шаг назад

и рамка возвращалась целиком. И таким же бразом я разрезала оставшиеся части.

13) Но потом я обнаружила и другой способ. С помощью инструмента "раскройка"

Когда мы объединили наши слои и поставили направляющие мы переходим в Имедж Реди, где выбираем "создать фрагменты по нправляющим:


Подробнее про инструмент "раскройка" читайте ТУТ

14) Осталось только сохранить


итак вы получили такие сохраненные файлы:

в этой папке и сохранились сразу три разрезанные части рамки

Осталось вставить наши части вот в этот код:



Теперь объясняю что в этом коде можно менять как вам нужно
width="000"-меняем на ширину фрагментов рамки, text color="#000000"-цвет текста (меняем 000000 на код цвета), size="5"- размер текста, text face="Monotype Corsiva"- меняем на свой шрифт и ставим ссылку на свой блог.

Загружаем наши части на РАДИКАЛ
И ОБЯЗАТЕЛЬНО СНИМАЕМ ВСЕ ГАЛОЧКИ!!!

КОПИРУЕМ ССЫЛУ №1 И ВСТАВЛЯЕМ В НАШУ ФОРМУЛУ. проставляем в коде рамки ширину фрагментов. в моем случае ширина вышла - 836 (ПРОСТАВЛЯЕМ В КАЖДОМ КУСОЧКЕ)
ВОТ И ВСЕ!!!!
Если все детали рамки одной ширины, то рамка у вас обязательно сложится!!!

Автор урока IRINI

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

 

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

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

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

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

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


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




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

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

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

Часть 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 - ВОПРОСЫ И ОТВЕТЫ

Урок рамка фотошоп с картинкой. в Photoshop CS5 .

Урок для тех ,кто хочет научиться делать рамочки в фотошопе.Урок для Photoshop CS5 . Будем делать рамочку не сложную с картинкой. 1Открываем фотошоп,идем файл ,создать. вот такие параметры. 2 Открываем картинку,которую хотим видеть в рамке.(у меня пейзаж). Снимаем замочек в панели слоев.Подгоняем размер картинки(изображение,изменить размер. Меняем ширину на 800px ,высота автоматически поменяется) .

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

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

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

Имя автора

<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 - Вставить рамку в пост

Рамочки - линии для выделения текста

Рамочки линии. Такие простые рамочки можно ставить, если просто хочется как-то выделить весь пост, или только самую важную часть его, при этом фон останется ваш. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе.. Там где написано ВАШ ТЕКСТ- Вставляете свой текст.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста

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

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

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

<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 -это цвет тени. В результате у меня получились вот такие рамочки. Внешние тени из рамочек Тани я убрала и еще кое-какие теги. Ядумаю, что Танечка меня простит, ведь рамочки получились не плохие. К стати, в ЖЖ рамочки по коду майла с внутренней тенью встают хорошо, можно посмотреть
ТуТ

Учимся делать Рамку с уголками.

Вот так эта рамка будет выглядеть. Теперь как её сделать.Внизу в окошке для кодов Скопируйте "СКЕЛЕТИК" этой рамки. Тоесть вы полностью эту рамку сделаете сами и поставите под ней ВАШ НИК. Код вставлять к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. ЗДЕСЬ далее... SvetlanaT

КОД РАМКИ. <table style="border:0px none #000000" background="ФОН 1 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 2 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="ФОН 3 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 4 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="ФОН 5 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="750" height="600" style="border:0px none #000000" background="ФОН 6 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="ФОН 8 СЛОЙ"><tbody><tr><td>УГОЛОК ВВЕРХ СЛЕВА</td><td width="100%"> </td><td>УГОЛОК ВВЕРХ СПРАВА </td></tr><tr><td> </td><td><br /><center> ЛИНЕЕЧКА ВВЕРХУ <br /> <font color="8B4513"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center>ЛИНЕЕЧКА ВНИЗУ </center></td><td> </td></tr><tr><td>УГОЛОК НИЗ СЛЕВА </td><td> </td><td>УГОЛОК НИЗ СПРАВА<br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table></td></tr></table>

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