НАГЛЯДНЫЙ урок построения рамки в Рамочнике. Вдогонку предыдущему уроку по работе в Рамочнике, хочу вместе с вами пройти этапы построения новой рамки, со скриншотами(наглядно). Если вы пропустили первый урок , то вам сложнее будет понять этот. Потому,что там я детально останавливалась на функциях каждой кнопки и последовательности работы. Итак,начинаем..... ****************************************** Как обычно,идём в Рамочник СОВЕТ ! - Возьмите Рамочник в ЗАКЛАДКИ браузера(-ов). А ещё лучше - перетащите его к себе на панель, потянув за значок сайта в адресной строке браузера и отпустив его чуть ниже, чтобы он всегда был под рукой. Выбираю простой вид рамки (когда вы научитесь управляться здесь, то вам не составит труда разобраться в других). Ширину выставлю пока 400, чтобы легче было вам показывать результаты экспериментов. Кстати,это значение можно будет поменять в любое время. Для примера я использую все виды фонов. Для начала выберем цветовой фон. Все значения по умолчанию равны 20. Внизу,в ПРЕВЬЮ,сразу виден результат. В левой части выбираем границу-обводку, например,двойную. По умолчанию,ширина обводки равна 4...пока оставим... В принципе,даже в таком виде ваши записи в блоге будут иметь законченный вид! Тем более,что *весит* такая рамочка совсем ничего... Но мы пойдём дальше... Подберём один из фонов,предоставленных на сайте, кликнув на вторую кнопочку (помните,при наведении курсором появляется подсказка о функциях кнопочек...). И наша рамочка мгновенно преобразилась... Но такой вариант меня не устраивает... С помощью стрелочек в конце строки с темным фоном перемещаю его выше, добавляю двойную обводку с более ярким зелёным цветом. Ну,совсем другое дело! Уже можно оставлять и так! Но мы экспериментируем... Давайте тёмный фон вернём на место и снова добавим цветовой фон,такой же,как был первый, используем и обводочку... а в первом уменьшим ширину... Вот,что получилось- А ничего у нас с вами получается.... Но мне нужно вам показать,как использовать фон из интернета... На Яндекс-фотках я подобрала фон нейтрального цвета. Под картинкой нажала на "Код для вставки на сайт или в блог" и взяла последнюю ссылку. Затем в Рамочнике кликнула на кнопку добавления фона из интернета и вставила адрес фона. Немного поменяла ширину некоторых слоёв, сдвинула центральный фон ниже (хочу вставить глиттер). Пока имеем такую рамку- Кликнув на третью кнопочку для выбора фонов, (помните про подсказки при наведении курсора?), я выбрала один из глиттеров подходящего зеленого цвета. Он,конечно же,сразу принял ширину 20... Изменив ширину на 1 и поэкспериментировав стрелочками место расположения глиттера,я остановилась на таком варианте- На мой взгляд,сама рамочка готова! Отредактируем шрифт. Я взяла шрифт Georgia,уменьшила размер до 18, цвет 1f1f1f и курсив. Давайте добавим картинку. Я хочу,чтобы картинка была выше текста, поэтому курсором отмечаю место впереди текста. В блоке редактирования шрифта справа жму на кнопку "Вставить картинку из интернета". Сходила на Яндекс и принесла адрес картинки с кристаллами Сваровски. Заполнила окно добавления картинки- и уменьшила расстояние от картинки до краёв центрального фона (он - последний). Затем в строчке ПОДПИСЬ отметила точкой СВОЯ, подписала рамку,выставила надпись посредине (кому как нравится),уменьшила размер подписи до 10 . Чтобы снова появились строчки со слоями, поднялась выше и кликнула на вид рамки. Добавила в галерею Рамочника. Напоминаю,чтобы взять код , ниже самой рамки в строчке "НАСТРОЙКИ КОДА" жмите на маленький треугольничек, и в выпавшем списке выбирайте свой сайт. Для блогов mail.ru кликаете на строчку *блоги mail.ru (альтернативный)*. Затем переводите курсор на окно с кодом и берёте код,несёте его в новую запись. Ну вот...мы с вами сотворили еще одну рамочку... Следующим постом я её выставлю,с картинкой и без. Надеюсь,теперь-то вам легко будет создавать свои собственные рамочки. Творите на радость себе и людям! С любовью к вам 
|
|