Учимся делать рамочку не используя " ФОТОШОП ". Для тех , кто не умеет работать с редактором " Фотошоп " , но очень хочет оформлять свои записи необычно и нестандартно , предлагаю научиться создавать подобные рамочки , не покидая блога. РАМОЧКА-ОБРАЗЕЦ

Для создания рамочки нам понадобятся : фоны , три картинки ( желательно png.- на прозрачной основе ), линеечка-разделитель и разумеется код-шаблон рамочки. Для начала , хочу посоветовать , из предложенных ниже фонов и картинок , собрать рамочку-образец из этого урока.Так , Вы быстрее поймёте процесс создания таких рамочек. Эта картинка служит украшением верхней части рамочки, её оригинальная ширина-308 пик. Думаю , Вы успели заметить , что в рамочке-образце она меньшего размера.Открою один маленький секрет , если Ваша картинка имеет большой размер и в рамочке смотрится не совсем красиво , а такой же но меньшего размера у Вас нет , то можно уменьшить ширину картинки прямо в коде-шаблоне рамочки , что я и сделала , изменила ширину изображения с 308 пик. на 208 пик.,результат Вы видели в начале поста. ссылка на изображение Фоновое изображение - в рамочке применяется как : фон №1, фон №3 и фон №5 ( в коде-шаблоне всё отмечено ). ссылка на фон Фоновое изображение - в рамочке применяется как : фон №2 и фон №4 ( в коде-шаблоне всё отмечено ). ссылка на фон Основной фон - фон текста , в коде-шаблоне идёт под №6. ссылка на фон Картинка внутри рамочки. HTML: картинка в тексте Линеечка-разделитель. HTML: картинка в тексте Картинка-украшение нижней части рамочки. Ширина-292 пик. ссылка на изображение КОД-ШАБЛОН РАМОЧКИ. Наши дальнейшие действия : Копируем код-шаблон рамочки из белого окошка. Переносим скопированный код в текстовое поле новой записи Вашего блога (см.скриншот №1 ). Отделяем верхнюю часть кода от нижней ( см.скриншот №1 и №2 ). Заменяем мои слова на нужные ссылки ( см.скриншот №3 ). После заполнения кода-шаблона-жмём на " ПРЕДПРОСМОТР " и проверяем получившуюся рамочку. Если всё устраивает , добавляем в блог. ВНИМАНИЕ ! Расстояние между 1. и 2. частью кода-шаблона можно увеличивать или уменьшать , всё зависит от того , где Вы хотите разместить картинку , украшающую верх рамочки и от размера картинки-чем больше картинка , тем больше делайте расстояние между частями кода. №1 №2 №3 Где узнать ширину изображения ? ( см.скриншот №4 " РАДИКАЛ-ФОТО " ). №4 На скриншоте №5 - смотрим , что можно менять в коде-шаблоне рамочки. №5 Помните ! Ваш успех в создании рамочки , зависит от внимательного прочтения текста урока и просмотра скриншотов ! Желаю всем удачи !!!