Как своими руками сделать рамку в "Рамочнике"

2013-11-24_083321 (171x38, 3Kb)

0_c8dcd_5c540397_L (334x12, 22Kb)
Я сюда на Лиру перебралась потому что, случайно в инете, увидела красивую рамку. Так захотелось научится делать нечто подобное. С тех пор уже не могу остановится.
Всем, кто любит украшать свой дневник рамками, предлагаю вариант, как это можно делать не особо напрягаясь.
И в этом мне очень помог Рамочник , ведь для него не нужно больших познаний в HTML.

Итак как с ним работать ?
В Рамочнике есть 4 панели, которые вам нужно заполнить.
2013-11-24_113518 (303x5, 1Kb)
1 ПАНЕЛЬ.
Выглядит она так. В этой панели вы выбираете как хотите чтобы выглядела ваша рамочка.
2013-11-24_090438 (601x229, 50Kb)

Устанавливаете её МАКЕТ — я его выделила красной рамкой.
и РАЗМЕРЫ будущей рамки.
Так как вы будете добавлять слои фона поэтому советую не делать рамку очень большого размера. Иначе она не красиво будет растягивать ваш дневник. Я объясняю для начинающих рамочников поэтому… Макет возьмите, тот который выделила я, самый простой. Научимся сначала делать его (сложные потом с опытом освоите сами). И у простого макета масса разных возможностей.
Всё сделали теперь идём дальше.
2013-11-24_113518 (303x5, 1Kb)
2 ПАНЕЛЬ.
Основная. Выглядит она так. В неё мы будем загружать фоны свои или брать здесь, уже готовые.
2013-11-24_095012 (602x471, 145Kb)
Эту панель я разделила на две части.
В красной рамке — это параметры которые устанавливаются для ОКАНТОВКИ рамки или её БОРДЮРА.
И позволяет делать обводку каждого слоя рамочки. Ширина бордюра, его цвет, и как будет выглядеть окантовка рамки: сплошной чертой, выпуклой или другие варианты выбираете сами.
В зелёной рамке — параметры для слоёв фона рамки. Также устанавливаете свою ширину слоя рамки. И здесь же можно выбрать готовые фоны. Какие хотите решать вам. Я в этой панели показала какие они могут быть.
В виде Блёстяшек 2013-11-24_100644 (30x22, 0Kb) нажимаем на значок, выбираем.
В виде Фона неподвижного 2013-11-24_100629 (27x19, 0Kb) нажимаем и выбираем.
В виде Палитры 2013-11-24_100613 (28x22, 1Kb) нажимаем на значок и выбираем.
В виде Фона из интернета , 2013-11-24_101500 (29x21, 0Kb) нажимаем и загружаем свои фоны ( с компа).

Чтобы загрузить СВОЙ ФОН я делаю так:
Понравившийся фон из интернета
СОХРАНЯЮ к себе на комп. а потом…
Загружаю фон на Лиру (как обычную картинку). У меня появляется Ссылка на оригинал картинки
(ссылка находится внутри кавычек) КОПИРУЮ её .
Нажимаю на значок 2013-11-24_101500 (29x21, 0Kb) и вставляю в появившееся, пустое окошко эту ссылочку. Не забудьте нажать ДОБРО.
И всё ваш фон загрузился в рамку.
Максимальное количество слоёв в рамке может быть 8. У меня здесь 4 основных фона.
Значок 2013-11-24_101701 (19x31, 0Kb) передвигает строку вверх. Я этим значком вообще не пользуюсь.
Значок 2013-11-24_101720 (24x26, 0Kb) поможет вам сбросить настройку строки и удалить не нужный фон.
Любые манипуляции производимые вами отразятся внизу. Рамка будет появляться прямо на ваших глазах. Поэтому в любой момент можно подкорректировать всё, что вам не понравится.
2013-11-24_113518 (303x5, 1Kb)

Теперь займёмся ТЕКСТОМ.
Текст можно написать прямо в Рамочнике (но я обычно это делаю после того как загружу рамку к себе в дневник).
Выбираем ЦВЕТ текста 2013-11-24_092948 (157x25, 3Kb)
Кликните по палитре и выбирайте.
Выбираем РАЗМЕР текста. 2013-11-24_093010 (97x27, 1Kb)
Выбираем ШРИФТ текста. 2013-11-24_093032 (181x27, 3Kb)
Для этого нужно кликнуть на галочку рядом.
Коды выравнивания текста. 2013-11-24_112735 (108x23, 2Kb)
Нажав на определённый значок можно решить где будет стоять ваш текст справа, слева или по центру, а также сделать перенос строки.

2013-11-24_113518 (303x5, 1Kb)
В рамку можно загрузить КАРТИНКУ если нажать 2013-11-24_113132 (35x25, 1Kb)
рядом с параметрами текста.
Как загрузить картинку и где найти ссылку на картинку я описала выше.
Но можно посмотреть и ЗДЕСЬ.
2013-11-24_113112 (528x362, 73Kb)
Устанавливаете размеры картинки —
ВЫСОТУ (height) и ШИРИНУ (width).
Не забудьте после загрузки ссылки нажать ДОБРО.
2013-11-24_113518 (303x5, 1Kb)

3 ПАНЕЛЬ.
Вот так она выглядит.
2013-11-24_120051 (606x54, 12Kb)
В эту панель мы загружаем
ССЫЛКУ НА ВАС и ваш дневник.
Тоесть ставите своё авторство в этой рамке.
Для добавления подписи выбираем надпись СВОЯ.
Как сделать такую ссылочку можно посмотреть ЗДЕСЬ.
И где она должна стоять. Я выбрала ПО ЦЕНТРУ.
2013-11-24_113518 (303x5, 1Kb)

4 ПАНЕЛЬ.
Последняя панель выглядит так: это Самое важное. НАСТРОЙКИ КОДА.
107376420_20131124_122242 (546x92, 31Kb)
Как взять сделанную рамку себе:
Чтобы разместить код рамки у себя в дневнике нужно настроить готовый код.
Нажимаем на галочку и из появившегося списка выбираем
Блоги Лайвинтернет.ру
2013-11-24_122744 (232x327, 39Kb)
Кликаем на эту надпись. КОПИРУЕМ код рамки из окошка
2013-11-25_075642 (513x57, 14Kb)
и ВСТАВЛЯЕМ к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. Делаем в своём дневнике ПРЕДПРОСМОТР и смотрим, что у вас получилось.

2013-11-24_113518 (303x5, 1Kb)
Вот такая РАМКА в РАМОЧНИКЕ в итоге у меня получилась.
Из тех параметров, что я установила здесь в этом уроке.
Успехов вам в вашем творчестве.

содержимое рамки 1

SvetlanaT

0_c8dcd_5c540397_L (334x12, 22Kb)

SvetlanaT

Архив комментариев