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

Почему?
ПЛЮСЫ этого сайта -

1.Результат виден МГНОВЕННО!
2.Есть выбор различных фонов -
статичных (неподвижных)
и глиттеров (анимированных).
3.Возможность заливки фона однотонным цветом
(234 цвета).
4.Большой выбор ВИДОВ рамочек.
5.Возможность взять рамку в блог
на любой популярный сайт
(Лиру,майл,яндекс и т.д.)
6.Можно использовать фоны из других
источников интернета.
7.Возможность корректировать рамки вручную
(советую только для опытных)
8.Хороший выбор границ-обводок
с возможностью использования для каждого отдельного фона.
При желании её можно использовать,как фон,
что уменьшает вес самой рамки.
9.Пользоваться им может любой,
даже тот,кто совершенно не разбирается
в HTML - кодах.
10.Это экономит массу сил,нервов и времени!

МИНУСЫ -

1.Палитра цветов всё-таки маловата
(хотелось бы больше оттенков).
2.Нельзя использовать фоны со своего компьютера
(хотя это,на самом деле,большой плюс!!!...
Так,к примеру,
с Яндекса можно выбрать любой фон в нужном вам размере!!!
К тому же,можно не перегружать свой компьютер.)

Как видите,плюсов гораздо больше.
И если вы готовы приступать
к освоению урока,поехали.....

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

Идём в Рамочник


ШАГ 1. Вверху выбираем ВИД РАМКИ.

Для обучения используем простую рамку,
без внутренних подрамок.

ШАГ 2. Указываете ШИРИНУ рамки.

Это будет ширина ВНУТРЕННЕЙ части рамки.
Чем большее количество фонов вы будете брать,
тем больше будет общая ширина рамки.

Я проверила,что высоту ставить не обязательно.
Рамка будет растягиваться вниз в соответствии с содержимым.

Хотя,возможно (!!!!!),для некоторых сайтов
этот тег обязателен.



ШАГ 3. Выбор ФОНОВ И ОБВОДОК.

Для вставки ФОНОВ предназначена правая сторона.



Первым идёт ширина фона.
Его значение по умолчанию всегда 20.
Меняйте её,как вам заблагорассудится!

Следующий прямоугольничек вам
продемонстрирует выбранный вами фон.
Рядом отображается код цвета
(если выбран цвет),или адрес фона.

ЗАТЕМ ИДУТ КНОПКИ ДЛЯ ВЫБОРА ФОНОВ.
При наведении на них курсора,
вы увидите подсказку о её предназначении.



1)Выбрать цвет фона (цветовая палитра)
2)выбрать неподвижный фоновый рисунок
из арсенала сайта
3)Выбрать блёстки (глиттеры,анимированные)
4)Вставить фон из интернета
(сделать это нужно правильно,
о чём пойдёт речь позже)

Следующий значок особенно важен!!!
С помощью стрелочек вверх-вниз
можете перемещать фоны,
менять их местами
(всего-то одним нажатием - это чудо!).

Последний значок в ряду - крестик -
удаляет фон совсем
(но не спешите им пользоваться при экспериментах.
Уберите ширину на ноль,
и его не будет видно.
Когда убедитесь,что этот фон не нужен - удаляйте)

Отдельно нужно остановиться на вопросе,

КАК ПРАВИЛЬНО ВСТАВИТЬ ФОН ИЗ ИНТЕРНЕТА.

В рамочку можно добавлять картинки,
доступные через интернет по URL-адресу,
то есть адресу вида:
http://интернет.адрес.картинки.
и которые в конце имеют указание
формата картинки ( jpeg,png или gif ).

Обращаю ваше внимание,
что просто стать на картинку-фон
и кликнуть правой кнопкой мыши,
выбрав "Копировать ссылку на изображение"
или "Копировать адрес картинки",
или зайти в "Свойства" и там взять URL-адрес
недостаточно.
Фон не загрузится!!!

Можно,конечно,вручную потом дописать
точку и соответствующий формат картинки.

Но лучше взять код с Радикала,ссылка №1
(или другого хостинга хранения изображений).
Или с Яндекс-фоток, который имеет огромное преимущество,
т.к. можно выбрать картинку НУЖНОГО размера.
Чтобы правильно взять там адрес картинки,
под ней жмите на слова
"Код для вставки на сайт или блог".



Нужный нам код в самом низу-"Ссылка на фотографию".
Кликнув по ней один раз левой кнопкой мыши,ссылка станет синей.
Кликнув правой кнопкой,выбираете "КОПИРОВАТЬ".
Затем в Рамочнике жмёте на кнопку
вставления фона из интернета,
и жмёте правой кнопкой мыши,
выбираете "ВСТАВИТЬ",
потом "ДОБРО".



Теперь рассмотрим левую часть.
Она предназначена для

СОЗДАНИЯ ГРАНИЦ (ОБВОДКИ) каждого фона.

По умолчанию вы видите,что её ---нет---
Жмите на малюсенький треугольничек,
появятся варианты.

Выбирайте на ваш вкус.
Сразу же увидите ширину обводки
(по умолчанию-4 -можете менять- и цвет-чёрный)...
Чтобы поменять цвет,
жмите на значок палитры рядом...

Занимайтесь подбором фонов,
пока рамка не будет удовлетворять вашим запросам.
Все изменения вы будете видеть мгновенно
(опуститесь ниже по странице).

ШАГ 4. - Выбор ШРИФТА и его редактирование.

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



Потом переходите к внутреннему
содержанию рамки (наполнению).
Здесь можно полностью сделать новый пост.
Чтобы вставить картинку,
в блоке редактирования шрифта есть кнопка справа.



Требования к адресу картинки такие же,
как при добавлении фона из интернета.
Заполняете открывшееся окно.



Расстояние от края центрального фона
до картинки регулируйте в окошке ШИРИНА
последнего фона.

ШАГ 5. ПОДПИСЫВАЕМ свою рамку.

По умолчанию стоит подпись РАМОЧНИК.
Но вы,как автор,имеете право поставить свою.
Поэтому в строчке ПОДПИСЬ
ставите точку в кружочке СВОЯ.




В поле,где был текст,появится "ВАША ПОДПИСЬ".
Вставляете свою.
Теперь все атрибуты шрифта работают на то,
что находится в этом окне.
Меняете цвет,размер,шрифт,жирность,курсив...
А вот МЕСТО расположения подписи
отмечаете ниже - в строчке ПОДПИСЬ.

ОДНАКО!
Вы вдруг замечаете,что, отредактировав подпись,
все строчки со слоями фонов исчезли...
Не переживайте.Кликните выше на вид рамки,
и всё вернётся на место.



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



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

Можете при желании (совсем НЕ ОБЯЗАТЕЛЬНО!)
добавить свою рамочку в галерею Рамочника.
Кликаете на кнопку "ДОБАВИТЬ В ГАЛЕРЕЮ",
заполняете форму.



После того,как вы отправили
свою рамку в галерею Рамочника,
вы сможете сразу получить её адрес
и пойти посмотреть своё творение во всей
красе на сайте.



Ну вот и всё.

Если у вас остались какие-то вопросы,
то вы можете получить Помощь на сайте.
В следующем уроке я покажу вам
наглядно создание новой рамки.

Удачи вам в творчестве!

С любовью


Мои самые искренние слова благодарности создателям сайта!

За рамочку спасибо Катюше