НАГЛЯДНЫЙ урок построения рамки в Рамочнике...

Вторник, 10 Июля 2012 г. 18:09 + в цитатник

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

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

НАГЛЯДНЫЙ урок построения рамки в Рамочнике.

БЛОГ НАДЕЖДЫ БАБЕЦ

ИСТОЧНИК

НАГЛЯДНЫЙ урок построения рамки в Рамочнике.

Вдогонку предыдущему уроку по работе в Рамочнике,
хочу вместе с вами пройти этапы построения новой рамки,
со скриншотами(наглядно).

Если вы пропустили http://blogs.mail.ru/mail/milalolo/2231408EEFB8EA7.htmlпервый урок,
то вам сложнее будет понять этот.
Потому,что там я детально останавливалась на функциях
каждой кнопки и последовательности работы.

Итак,начинаем.....

******************************************

Как обычно,идём в Рамочник

СОВЕТ ! -
Возьмите Рамочник в ЗАКЛАДКИ браузера(-ов).
А ещё лучше - перетащите его к себе на панель,
потянув за значок сайта в адресной строке браузера
и отпустив его чуть ниже,
чтобы он всегда был под рукой.

Выбираю простой вид рамки
(когда вы научитесь управляться здесь,
то вам не составит труда разобраться в других).

Ширину выставлю пока 400,
чтобы легче было вам показывать результаты экспериментов.
Кстати,это значение можно будет поменять в любое время.

Для примера я использую все виды фонов.
Для начала выберем цветовой фон.
Все значения по умолчанию равны 20.

Внизу,в ПРЕВЬЮ,сразу виден результат.

В левой части выбираем границу-обводку,
например,двойную.

По умолчанию,ширина обводки равна 4...пока оставим...

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

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

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

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

Вот,что получилось-

А ничего у нас с вами получается....
Но мне нужно вам показать,как использовать фон из интернета...
На Яндекс-фотках я подобрала фон нейтрального цвета.
Под картинкой нажала на
"Код для вставки на сайт или в блог"
и взяла последнюю ссылку.

Затем в Рамочнике кликнула
на кнопку добавления фона из интернета
и вставила адрес фона.

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

Пока имеем такую рамку-

Кликнув на третью кнопочку для выбора фонов,
(помните про подсказки при наведении курсора?),
я выбрала один из глиттеров подходящего зеленого цвета.

Он,конечно же,сразу принял ширину 20...

Изменив ширину на 1 и поэкспериментировав стрелочками
место расположения глиттера,я остановилась на таком варианте-

На мой взгляд,сама рамочка готова!

Отредактируем шрифт.
Я взяла шрифт Georgia,уменьшила размер до 18,
цвет 1f1f1f и курсив.

Давайте добавим картинку.
Я хочу,чтобы картинка была выше текста,
поэтому курсором отмечаю место впереди текста.

В блоке редактирования шрифта справа жму на кнопку
"Вставить картинку из интернета".

Сходила на Яндекс
и принесла адрес картинки с кристаллами Сваровски.

Заполнила окно добавления картинки-

и уменьшила расстояние от картинки
до краёв центрального фона
(он - последний).

Затем в строчке ПОДПИСЬ отметила точкой СВОЯ,
подписала рамку,выставила надпись посредине
(кому как нравится),уменьшила размер подписи до 10 .

Чтобы снова появились строчки со слоями,
поднялась выше и кликнула на вид рамки.

Добавила в галерею Рамочника.
Напоминаю,чтобы взять код ,
ниже самой рамки в строчке
"НАСТРОЙКИ КОДА"
жмите на маленький треугольничек,
и в выпавшем списке выбирайте свой сайт.

Для блогов liveinternet.ru кликаете на строчку
*блоги liveinternet.ru*.
Затем переводите курсор на окно с кодом
и берёте код,несёте его в новую запись.

Ну вот...мы с вами сотворили еще одну рамочку...
Следующим постом я её выставлю,с картинкой и без.

Надеюсь,теперь-то вам легко будет
создавать свои собственные рамочки.

Творите на радость себе и людям!
С любовью к вам:

Серия сообщений "Уроки по дневнику":
Часть 1 - Как вставить бегущий текст в рамочку...
Часть 2 - Как разместить кнопку нашего сообщества...
...
Часть 9 - Делаем дополнительные папки в почте mail.ru...
Часть 10 - Как распаковать и создать архив...
Часть 11 - НАГЛЯДНЫЙ урок построения рамки в Рамочнике...
Часть 12 - Как пользоваться сайтом «fotto.ru»?
Часть 13 - Делаем фоны...
...
Часть 36 - Как в текст вставить активную ссылку. Уроки Лиру.
Часть 37 - Уроки для новичков Лиру.
Часть 38 - Энциклопедия ЛИРУ - уроки и советы от LoraLara

Серия сообщений "Украшения для дневника":
Часть 1 - Учимся делать рамочку в черновике...
Часть 2 - Рамочка. Материнство...
...
Часть 16 - Для вас мини-картинки с кодами...
Часть 17 - Создание флешек и анимации в программе SWF Text...
Часть 18 - НАГЛЯДНЫЙ урок построения рамки в Рамочнике...
Часть 19 - Мини-открытки "Царство цветов" с кодами - часть I
Часть 20 - Флеш-эпиграфы-3...
...
Часть 28 - РОСКОШНЫЕ АНИМИРОВАННЫЕ КОММЕНТЫ...
Часть 29 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста...
Часть 30 - Новогодние рамочки от скорпиончика...

Рубрики:

Школа Li.Ru.
Оформление дневника

<a href="https://www.liveinternet.ru/users/ledival/post227390860/">РќРђР“Р›РЇР”РќР«Р™ СѓСЂРѕРє РїРѕСЃС‚СЂРѕРµРЅРёСЏ СЂР°РјРєРё РІ Р Р°РјРѕС‡РЅРёРєРµ...</a><br/>РќРђР“Р›РЇР”РќР«Р™ СѓСЂРѕРє РїРѕСЃС‚СЂРѕРµРЅРёСЏ СЂР°РјРєРё РІ Р Р°РјРѕС‡РЅРёРєРµ.

Р‘Р›РћР“ РќРђР”Р•Р–Р”Р« Р‘РђР‘Р•Р¦

РРЎРўРћР§РќРРљ
РќРђР“Р›РЇР”РќР«Р™ СѓСЂРѕРє РїРѕСЃС‚СЂРѕРµРЅРёСЏ СЂР°РјРєРё РІ Р Р°РјРѕС‡РЅРёРєРµ.

Р’РґРѕРіРѕРЅРєСѓ РїСЂРµРґС‹РґСѓС‰РµРјСѓ СѓСЂРѕРєСѓ РїРѕ СЂР°Р±РѕС‚Рµ РІ Р Р°РјРѕС‡РЅРёРєРµ,
С…РѕС‡Сѓ РІРјРµСЃС‚Рµ СЃ РІР°РјРё РїСЂРѕР№С‚Рё СЌС‚Р°РїС‹ РїРѕСЃС‚СЂРѕРµРЅРёСЏ РЅРѕРІРѕР№ СЂР°РјРєРё,
СЃРѕ СЃРєСЂРёРЅС€РѕС‚Р°РјРё(РЅР°РіР»СЏРґРЅРѕ).

Р•СЃР»Рё РІС‹ РїСЂРѕРїСѓСЃС‚РёР»Рё http://blogs.mail.ru/mail/milalolo/2231408EEFB8EA7.htmlРїРµСЂРІС‹Р№ СѓСЂРѕРє,
С‚Рѕ РІР°Рј СЃР»РѕР¶РЅРµРµ Р±СѓРґРµС‚ РїРѕРЅСЏС‚СЊ СЌС‚РѕС‚.
РџРѕС‚РѕРјСѓ,С‡С‚Рѕ С‚Р°Рј СЏ РґРµС‚Р°Р»СЊРЅРѕ РѕСЃС‚Р°РЅР°РІР»РёРІР°Р»Р°СЃСЊ РЅР° С„СѓРЅРєС†РёСЏС… 
РєР°Р¶РґРѕР№ РєРЅРѕРїРєРё Рё РїРѕСЃР»РµРґРѕРІР°С‚РµР»СЊРЅРѕСЃС‚Рё СЂР°Р±РѕС‚С‹.

РС‚Р°Рє,РЅР°С‡РёРЅР°РµРј.....

******************************************

РљР°Рє РѕР±С‹С‡РЅРѕ,РёРґС‘Рј РІ Р Р°РјРѕС‡РЅРёРє

РЎРћР’Р•Рў !... <a href="https://www.liveinternet.ru/users/ledival/post227390860/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Музыка

-Друзья

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

-Сообщества

-Трансляции

-Статистика

НАГЛЯДНЫЙ урок построения рамки в Рамочнике...