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