Перепост.Учимся делать рамочку без "Фотошоп".
 

[150x] [150x] [показать] Учимся делать рамочку не используя " ФОТОШОП " №2. [показать] Для тех , кто не умеет работать с редактором " Фотошоп " , но очень хочет оформлять свои записи необычно и нестандартно , предлагаю научиться создавать подобные рамочки , не покидая блога. [показать] Здесь урок №1. [150x] [150x]

Предлагаю вашему вниманию более усложнённый вариант рамочки, создаваемой непосредственно в блоге,без помощи Ф.Ш. (образец показан выше). Для создания рамочки нам понадобятся : 1. Фоны. 2. картинки ( желательно png. или gif.- на прозрачной основе ). 3. Линеечка-разделитель. 4. Код-шаблон рамочки. НОВИЧКАМ хочу посоветовать,из предложенных ниже фонов и картинок,собрать рамочку-образец из этого урока. Так, Вы быстрее поймёте процесс создания таких рамочек. Этот осенний лист png. служит украшением верхней и нижней частей рамочки. Ширина 150 пик. [показать] ссылка на изображение [показать] Фоновое изображение - в рамочке применяется как : фон №1, фон №3 и фон №5 ( в коде-шаблоне всё отмечено ). [показать] ссылка на фон [показать] Фоновое изображение - в рамочке применяется как : фон №2 и фон №4 ( в коде-шаблоне всё отмечено ). [показать] ссылка на фон [показать] Основной фон - фон текста , в коде-шаблоне идёт под №6. [показать] ссылка на фон [показать] Картинка внутри рамочки. [показать] HTML: картинка в тексте [показать] /s005.radikal.ru/i212/1208/76/0d642f210913.gif"" target="_blank">http://s005.radikal.ru/i212/1208/76/0d642f210913.gif" src="http://s005.radikal.ru/i212/1208/76/0d642f210913.gif" _fcksavedurl="http://s005.radikal.ru/i212/1208/76/0d642f210913.gif" >" /> Картинка-разделитель текста. [показать] HTML: картинка в тексте [показать] /s45.radikal.ru/i109/1208/de/f333fbfd084e.gif"" target="_blank">http://s45.radikal.ru/i109/1208/de/f333fbfd084e.gif" src="http://s45.radikal.ru/i109/1208/de/f333fbfd084e.gif" >" >" /> КОД-ШАБЛОН РАМОЧКИ. [показать] Наши дальнейшие действия : Копируем код-шаблон рамочки из белого окошка. Переносим скопированный код в текстовое поле новой записи Вашего блога (см.скриншот №1 ). Отделяем верхнюю часть кода от нижней ( см.скриншот №1 и №2 ). Заменяем мои слова на нужные ссылки ( см.скриншот №3 ). После заполнения кода-шаблона-жмём на " ПРЕДПРОСМОТР " и проверяем получившуюся рамочку. Если всё устраивает , добавляем в блог. ВНИМАНИЕ ! Расстояние между 1. и 2. частью кода-шаблона можно увеличивать или уменьшать , всё зависит от того , где Вы хотите разместить картинки ,украшающие верх рамочки и от размера картинок. Лучше,если ширина картинки не будет превышать 150 пик. [показать] [показать] [показать] На скриншоте №4 - смотрим , что можно менять в коде-шаблоне рамочки. [показать] [показать] Помните ! Ваш успех в создании рамочки , зависит от внимательного прочтения текста урока и просмотра скриншотов ! Желаю всем удачи !!! [693x78]

Серия сообщений "Уроки по созданию рамочек.":
Часть 1 - Урок по созданию красивой рамочки от MissKcu.
Часть 2 - Перепост.Учимся делать рамочку без "Фотошоп".
Часть 3 - Альтернатива фотошопу.Вариант 2.
Часть 4 - ДЕЛАЕМ РАМОЧКУ В GIMP.
Часть 5 - Формула рамочки.Получается красиво.