-Рубрики

 -Всегда под рукой

 -Я - фотограф

Еще немного летней красоты

 -Поиск по дневнику

Поиск сообщений в Снова_весна

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 27.08.2011
Записей:
Комментариев:
Написано: 48552


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

Понедельник, 20 Января 2014 г. 23:41 + в цитатник
Цитата сообщения SvetlanaT

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

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

Серия сообщений "Делаем рамки,комментики сами":
творчество (313x108, 44Kb)
Часть 1 - Урок изготовления рамочки для текста
Часть 2 - Делаем очень красивую рамочку для текста за 5 минут
...
Часть 17 - Как создать простую рамочку в дневнике и превратить ее в открытку
Часть 18 - Делаем простую рамочку в Эдитор!!!
Часть 19 - Как своими руками сделать рамку в "Рамочнике".
Часть 20 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 21 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
...
Часть 34 - Рамочки с разными краями
Часть 35 - Рамки, украшенные картинкой
Часть 36 - Набор цветных окошек для кодов

Метки:  
Понравилось: 2 пользователям