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

Суббота, 25 Января 2014 г. 18:39 + в цитатник

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

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

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

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

Итак как с ним работать ?
В Рамочнике есть 4 панели, которые вам нужно заполнить.

1 ПАНЕЛЬ.
Выглядит она так. В этой панели вы выбираете как хотите чтобы выглядела ваша рамочка.
2013-11-24_090438 (601x229, 50Kb)

Устанавливаете её МАКЕТ - я его выделила красной рамкой.
и РАЗМЕРЫ будущей рамки.
Так как вы будете добавлять слои фона поэтому советую не делать рамку очень большого размера. Иначе она не красиво будет растягивать ваш дневник. Я объясняю для начинающих рамочников поэтому... Макет возьмите, тот который выделила я, самый простой. Научимся сначала делать его (сложные потом с опытом освоите сами). И у простого макета масса разных возможностей.
Всё сделали теперь идём дальше.

2 ПАНЕЛЬ.
Основная. Выглядит она так. В неё мы будем загружать фоны свои или брать здесь, уже готовые.

Эту панель я разделила на две части.
В красной рамке - это параметры которые устанавливаются для ОКАНТОВКИ рамки или её БОРДЮРА.
И позволяет делать обводку каждого слоя рамочки. Ширина бордюра, его цвет, и как будет выглядеть окантовка рамки: сплошной чертой, выпуклой или другие варианты выбираете сами.
В зелёной рамке - параметры для слоёв фона рамки. Также устанавливаете свою ширину слоя рамки. И здесь же можно выбрать готовые фоны. Какие хотите решать вам. Я в этой панели показала какие они могут быть.
В виде Блёстяшек

нажимаем на значок, выбираем.
В виде Фона неподвижного

нажимаем и выбираем.
В виде Палитры

нажимаем на значок и выбираем.
В виде Фона из интернета ,

нажимаем и загружаем свои фоны ( с компа).

Чтобы загрузить СВОЙ ФОН я делаю так:
Понравившийся фон из интернета
СОХРАНЯЮ к себе на комп. а потом...
Загружаю фон на Лиру (как обычную картинку). У меня появляется Ссылка на оригинал картинки
(ссылка находится внутри кавычек) КОПИРУЮ её .
Нажимаю на значок

и вставляю в появившееся, пустое окошко эту ссылочку. Не забудьте нажать ДОБРО.
И всё ваш фон загрузился в рамку.
Максимальное количество слоёв в рамке может быть 8. У меня здесь 4 основных фона.
Значок

передвигает строку вверх. Я этим значком вообще не пользуюсь.
Значок

поможет вам сбросить настройку строки и удалить не нужный фон.
Любые манипуляции производимые вами отразятся внизу. Рамка будет появляться прямо на ваших глазах. Поэтому в любой момент можно подкорректировать всё, что вам не понравится.

Теперь займёмся ТЕКСТОМ.
Текст можно написать прямо в Рамочнике (но я обычно это делаю после того как загружу рамку к себе в дневник).
Выбираем ЦВЕТ текста

Кликните по палитре и выбирайте.
Выбираем РАЗМЕР текста.

Выбираем ШРИФТ текста.

Для этого нужно кликнуть на галочку рядом.
Коды выравнивания текста.

Нажав на определённый значок можно решить где будет стоять ваш текст справа, слева или по центру, а также сделать перенос строки.

В рамку можно загрузить КАРТИНКУ если нажать

рядом с параметрами текста.
Как загрузить картинку и где найти ссылку на картинку я описала выше.
Но можно посмотреть и ЗДЕСЬ.
2013-11-24_113112 (528x362, 73Kb)

Устанавливаете размеры картинки -
ВЫСОТУ (height) и ШИРИНУ (width).
Не забудьте после загрузки ссылки нажать ДОБРО.

3 ПАНЕЛЬ.
Вот так она выглядит.
2013-11-24_120051 (606x54, 12Kb)

В эту панель мы загружаем
ССЫЛКУ НА ВАС и ваш дневник.
Тоесть ставите своё авторство в этой рамке.
Для добавления подписи выбираем надпись СВОЯ.
Как сделать такую ссылочку можно посмотреть ЗДЕСЬ.
И где она должна стоять. Я выбрала ПО ЦЕНТРУ.

4 ПАНЕЛЬ.
Последняя панель выглядит так: это Самое важное. НАСТРОЙКИ КОДА.
107376420_20131124_122242 (546x92, 31Kb)

Как взять сделанную рамку себе:
Чтобы разместить код рамки у себя в дневнике нужно настроить готовый код.
Нажимаем на галочку и из появившегося списка выбираем
Блоги Лайвинтернет.ру
2013-11-24_122744 (232x327, 39Kb)

Кликаем на эту надпись. КОПИРУЕМ код рамки из окошка
2013-11-25_075642 (513x57, 14Kb)

и ВСТАВЛЯЕМ к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. Делаем в своём дневнике ПРЕДПРОСМОТР и смотрим, что у вас получилось.

Вот такая РАМКА в РАМОЧНИКЕ в итоге у меня получилась.
Из тех параметров, что я установила здесь в этом уроке.
Успехов вам в вашем творчестве.

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

SvetlanaT

Серия сообщений "Интернет полезности":
Часть 1 - 10 полезных ссылок
Часть 2 - Удобный и бесплатный сервис для хранения и публикации медиа-файлов.
Часть 3 - Горячие клавиши
Часть 4 - Клавиши клавиатуры
Часть 5 - Как сделать рамку в "Рамочнике"
Часть 6 - Картинка и как вставить её код-ссылку.
Часть 7 - Как создать кликабельную картинку или кнопку-переход в редакторе
...
Часть 39 - Качаем и устанавливаем шрифты
Часть 40 - Где скачать красивые шрифты.
Часть 41 - Почему не работает мобильный интернет на Android: причины и решения

Метки: рамки обучение

<a href="https://www.liveinternet.ru/users/4846501/post309857464/">РљР°Рє  СЃРґРµР»Р°С‚СЊ СЂР°РјРєСѓ РІ &quot;Р Р°РјРѕС‡РЅРёРєРµ&quot;</a><br/>РљР°Рє СЃРІРѕРёРјРё СЂСѓРєР°РјРё СЃРґРµР»Р°С‚СЊ СЂР°РјРєСѓ РІ "Р Р°РјРѕС‡РЅРёРєРµ".

РЇ СЃСЋРґР° РЅР° Р›РёСЂСѓ РїРµСЂРµР±СЂР°Р»Р°СЃСЊ РїРѕС‚РѕРјСѓ С‡С‚Рѕ, СЃР»СѓС‡Р°Р№РЅРѕ РІ РёРЅРµС‚Рµ, СѓРІРёРґРµР»Р° РєСЂР°СЃРёРІСѓСЋ СЂР°РјРєСѓ. РўР°Рє Р·Р°С…РѕС‚РµР»РѕСЃСЊ РЅР°СѓС‡РёС‚СЃСЏ РґРµР»Р°С‚СЊ РЅРµС‡С‚Рѕ РїРѕРґРѕР±РЅРѕРµ. РЎ С‚РµС… РїРѕСЂ СѓР¶Рµ РЅРµ РјРѕРіСѓ РѕСЃС‚Р°РЅРѕРІРёС‚СЃСЏ. 
Р’СЃРµРј, РєС‚Рѕ Р»СЋР±РёС‚ СѓРєСЂР°С€Р°С‚СЊ СЃРІРѕР№ РґРЅРµРІРЅРёРє СЂР°РјРєР°РјРё, РїСЂРµРґР»Р°РіР°СЋ РІР°СЂРёР°РЅС‚, РєР°Рє СЌС‚Рѕ РјРѕР¶РЅРѕ РґРµР»Р°С‚СЊ РЅРµ РѕСЃРѕР±Рѕ РЅР°РїСЂСЏРіР°СЏСЃСЊ. 
Р РІ СЌС‚РѕРј РјРЅРµ РѕС‡РµРЅСЊ РїРѕРјРѕРі Р Р°РјРѕС‡РЅРёРє , РІРµРґСЊ РґР»СЏ РЅРµРіРѕ РЅРµ РЅСѓР¶РЅРѕ Р±РѕР»СЊС€РёС… РїРѕР·РЅР°РЅРёР№ РІ HTML.

РС‚Р°Рє РєР°Рє СЃ РЅРёРј СЂР°Р±РѕС‚Р°С‚СЊ ?
Р’ Р Р°РјРѕС‡РЅРёРєРµ РµСЃС‚СЊ 4 РїР°РЅРµР»Рё, РєРѕС‚РѕСЂС‹Рµ РІР°Рј РЅСѓР¶РЅРѕ Р·Р°РїРѕР»РЅРёС‚СЊ.

1 РџРђРќР•Р›Р¬.
Р’С‹РіР»СЏРґРёС‚ РѕРЅР° С‚Р°Рє. Р’ СЌС‚РѕР№ РїР°РЅРµР»Рё РІС‹ РІС‹Р±РёСЂР°РµС‚Рµ РєР°Рє С…РѕС‚РёС‚Рµ С‡С‚РѕР±С‹ РІС‹РіР»СЏРґРµР»Р° РІР°С€Р° СЂР°РјРѕС‡РєР°.
... <a href="https://www.liveinternet.ru/users/4846501/post309857464/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Музыка

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

-Друзья

-Постоянные читатели

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