Шестислойная рамочка, как в фотошопе.

Воскресенье, 16 Июля 2017 г. 11:55 + в цитатник

Цитата сообщения TATYSIY

Прочитать целиком В свой цитатник или сообщество!

~Шестислойная рамочка, как в фотошопе.
Альтернатива фотошопу~ 6-и слойная рамка с декором

~Альтернатива фотошопу~
6-и слойная рамка с декором

Многим блогерам нравится оформлять свои записи
в красивые рамочки сделанные в фотошопе, но не все
умеют эти самые рамочки делать. Я предлагаю,
альтернативу фотошоповским рамкам.
Делать их, куда проще, а смотрятся не хуже, к тому - же
обладают, по сравнению с фотошоповскими, достоинством:
растягиваются настолько, насколько вам нужно.
Как - же их делать?

Для изготовления рамки нам потребуется:
1) шаблон - формула рамки (код скопируй ниже из окошка
для кода):

2) фоны (к примеру эти):

Вы, конечно, заметили, что фонов только четыре, а наша
рамочка состоит из шести. Всё просто - золотой и оранжевый
фоны, мы будем использовать дважды.
3) декор вверху и внизу рамки:

4) декор внутри рамки:

Все составляющие рамки копируем себе на компьютер.
( П.К. мыши - сохранить изображение как...)
Итак, приступим...
Добавляем код рамки в новую запись в формате HTML
Давайте рассмотрим, код нашей рамки

Та часть кода, которая не выделена голубым цветом, это картинка,
которая будет украшать верх нашей рамочки. Что-бы она встала
красиво, всё, что выделено голубым опускаем вниз. Чем ниже
мы опустим эту часть кода, тем выше будет картинка.
У меня получилось вот так:

Разными цветами я отметила те значения которые можно менять
по своему усмотрению.
1) Красным - ширина изображения верхней и нижней картинки.
Размер картинки будет указан на радикале, когда изображение
будет загружено.
Ширина моей картинки - 300 пик.

но в общем - то, тут можно проставлять "от фонаря", попробуйте
поменять на 500 и посмотрите как будет меняться картинка.
2) Зелёным - ширина бордюра рамки.
В обычных рамках он, как правило, серого цвета, если проставить "0",
то этого бордюра совсем не будет.
3) Синим - цвет бордюра.
Я выставила коричневый цвет т.к. он наиболее
подходит к этим фонам.
4) Жёлтым - ширина слоёв рамки.
Будте внимательны!
( Фоны (ссылка радика №1) ), вставляются между круглых скобок,
вместо моих слов.
Ну вот, идём на радикал, загружаем все элементы нашей рамочки
и вставляем их в шаблон формулу. Я сделала.
Вот, что у меня получилось.

Этот урок размещён в рамочке которую сделала ~Амазона Анна~

~Ксения flottant~

для сообщества:

Рубрики:

оформление дневника,/рамки,