![2013-11-24_083321 (171x38, 3Kb)](//img1.liveinternet.ru/images/attach/c/9/107/371/107371751_20131124_083321.jpg)
![0_c8dcd_5c540397_L (334x12, 22Kb)](//img1.liveinternet.ru/images/attach/c/9/106/817/106817023_0_c8dcd_5c540397_L.gif) Я сюда на Лиру перебралась потому что, случайно в инете, увидела красивую рамку. Так захотелось научится делать нечто подобное. С тех пор уже не могу остановится.
Всем, кто любит украшать свой дневник рамками, предлагаю вариант, как это можно делать не особо напрягаясь.
И в этом мне очень помог Рамочник , ведь для него не нужно больших познаний в HTML.
Итак как с ним работать ?
В Рамочнике есть 4 панели, которые вам нужно заполнить.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
1 ПАНЕЛЬ.
Выглядит она так. В этой панели вы выбираете как хотите чтобы выглядела ваша рамочка.
![2013-11-24_090438 (601x229, 50Kb)](//img1.liveinternet.ru/images/attach/c/9/107/372/107372213_20131124_090438.jpg)
Устанавливаете её МАКЕТ - я его выделила красной рамкой.
и РАЗМЕРЫ будущей рамки.
Так как вы будете добавлять слои фона поэтому советую не делать рамку очень большого размера. Иначе она не красиво будет растягивать ваш дневник. Я объясняю для начинающих рамочников поэтому... Макет возьмите, тот который выделила я, самый простой. Научимся сначала делать его (сложные потом с опытом освоите сами). И у простого макета масса разных возможностей.
Всё сделали теперь идём дальше.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
2 ПАНЕЛЬ.
Основная. Выглядит она так. В неё мы будем загружать фоны свои или брать здесь, уже готовые.
![2013-11-24_095012 (602x471, 145Kb)](//img0.liveinternet.ru/images/attach/c/9/107/372/107372670_20131124_095012.jpg)
Эту панель я разделила на две части.
В красной рамке - это параметры которые устанавливаются для ОКАНТОВКИ рамки или её БОРДЮРА.
И позволяет делать обводку каждого слоя рамочки. Ширина бордюра, его цвет, и как будет выглядеть окантовка рамки: сплошной чертой, выпуклой или другие варианты выбираете сами.
В зелёной рамке - параметры для слоёв фона рамки. Также устанавливаете свою ширину слоя рамки. И здесь же можно выбрать готовые фоны. Какие хотите решать вам. Я в этой панели показала какие они могут быть.
В виде Блёстяшек нажимаем на значок, выбираем.
В виде Фона неподвижного нажимаем и выбираем.
В виде Палитры нажимаем на значок и выбираем.
В виде Фона из интернета , нажимаем и загружаем свои фоны ( с компа).
Чтобы загрузить СВОЙ ФОН я делаю так:
Понравившийся фон из интернета
СОХРАНЯЮ к себе на комп. а потом...
Загружаю фон на Лиру (как обычную картинку). У меня появляется Ссылка на оригинал картинки
(ссылка находится внутри кавычек) КОПИРУЮ её .
Нажимаю на значок и вставляю в появившееся, пустое окошко эту ссылочку. Не забудьте нажать ДОБРО.
И всё ваш фон загрузился в рамку.
Максимальное количество слоёв в рамке может быть 8. У меня здесь 4 основных фона.
Значок передвигает строку вверх. Я этим значком вообще не пользуюсь.
Значок поможет вам сбросить настройку строки и удалить не нужный фон.
Любые манипуляции производимые вами отразятся внизу. Рамка будет появляться прямо на ваших глазах. Поэтому в любой момент можно подкорректировать всё, что вам не понравится.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
Теперь займёмся ТЕКСТОМ.
Текст можно написать прямо в Рамочнике (но я обычно это делаю после того как загружу рамку к себе в дневник).
Выбираем ЦВЕТ текста ![2013-11-24_092948 (157x25, 3Kb)](//img0.liveinternet.ru/images/attach/c/9/107/374/107374384_20131124_092948.jpg)
Кликните по палитре и выбирайте.
Выбираем РАЗМЕР текста. ![2013-11-24_093010 (97x27, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374445_20131124_093010.jpg)
Выбираем ШРИФТ текста.
Для этого нужно кликнуть на галочку рядом.
Коды выравнивания текста. ![2013-11-24_112735 (108x23, 2Kb)](//img0.liveinternet.ru/images/attach/c/9/107/374/107374766_20131124_112735.jpg)
Нажав на определённый значок можно решить где будет стоять ваш текст справа, слева или по центру, а также сделать перенос строки.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
В рамку можно загрузить КАРТИНКУ если нажать ![2013-11-24_113132 (35x25, 1Kb)](//img0.liveinternet.ru/images/attach/c/9/107/374/107374870_20131124_113132.jpg)
рядом с параметрами текста.
Как загрузить картинку и где найти ссылку на картинку я описала выше.
Но можно посмотреть и ЗДЕСЬ.
![2013-11-24_113112 (528x362, 73Kb)](//img0.liveinternet.ru/images/attach/c/9/107/375/107375238_20131124_113112.jpg)
Устанавливаете размеры картинки -
ВЫСОТУ (height) и ШИРИНУ (width).
Не забудьте после загрузки ссылки нажать ДОБРО.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
3 ПАНЕЛЬ.
Вот так она выглядит.
![2013-11-24_120051 (606x54, 12Kb)](//img0.liveinternet.ru/images/attach/c/9/107/375/107375658_20131124_120051.jpg)
В эту панель мы загружаем
ССЫЛКУ НА ВАС и ваш дневник.
Тоесть ставите своё авторство в этой рамке.
Для добавления подписи выбираем надпись СВОЯ.
Как сделать такую ссылочку можно посмотреть ЗДЕСЬ.
И где она должна стоять. Я выбрала ПО ЦЕНТРУ.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
4 ПАНЕЛЬ.
Последняя панель выглядит так: это Самое важное. НАСТРОЙКИ КОДА.
![107376420_20131124_122242 (546x92, 31Kb)](//img0.liveinternet.ru/images/attach/c/9/107/376/107376862_107376420_20131124_122242.jpg)
Как взять сделанную рамку себе:
Чтобы разместить код рамки у себя в дневнике нужно настроить готовый код.
Нажимаем на галочку и из появившегося списка выбираем
Блоги Лайвинтернет.ру
![2013-11-24_122744 (232x327, 39Kb)](//img1.liveinternet.ru/images/attach/c/9/107/376/107376561_20131124_122744.jpg)
Кликаем на эту надпись. КОПИРУЕМ код рамки из окошка
![2013-11-25_075642 (513x57, 14Kb)](//img0.liveinternet.ru/images/attach/c/9/107/404/107404852_20131125_075642.jpg)
и ВСТАВЛЯЕМ к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. Делаем в своём дневнике ПРЕДПРОСМОТР и смотрим, что у вас получилось.
![2013-11-24_113518 (303x5, 1Kb)](//img1.liveinternet.ru/images/attach/c/9/107/374/107374905_20131124_113518.jpg)
Вот такая РАМКА в РАМОЧНИКЕ в итоге у меня получилась.
Из тех параметров, что я установила здесь в этом уроке.
Успехов вам в вашем творчестве.
![0_c8dcd_5c540397_L (334x12, 22Kb)](//img1.liveinternet.ru/images/attach/c/9/106/817/106817023_0_c8dcd_5c540397_L.gif)
|