Меня периодически спрашивают как делать схемы, применяя одну фоновую картинку страницы?

Сразу оговорюсь, что это не будет уроком по созданию фоновой картинки страни.

По созданию фоновой картинки в фотошопе написано много уроков и писать их можно еще и еще. 

[600x273]

Мне нравится, когда фон схемы сделан единой фоновой картинкой, но существуют много прекрасных схем, сделанных бесшовным фоном или другими способами.

Мы говорим о создании схемы на основе одной фоновой картинки страницы.

1.ФОНОВАЯ КАРТИНКА СТРАНИЦЫ.

Фоновую картинку страницы я делаю в фотошопе размером 1600х800 пкс.

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

Главное, чтобы картинка Вашего фона не превышала 80 Кб

Но из практики скажу, что вес лучше сделать ее немного меньше, например 77 Кб.
Как это сделать в фотошопе.

Когда Вы создали фоновую картинку в фотошопе, ее нужно сохранить:

Файл - Сохранить для WEB и устройств ..
[500x555]

В правом верхнем углу видим кнопку с черточками - это
 "Меню оптимизации"
[500x310]

Заходим в это меню и выбираем "Оптимизировать по размеру файла.."

[500x229]

Устанавливаем "Желаемый размер файла" - 77 Кб. Нажмите "ОК"

[500x316]
После этого сохраните файл, нажав внизу открытого окна "Сохранить".

Обратите внимание куда Вы сохранили свой файл и как назвали, сейчас он нам понадобится.

2. СОЗДАНИЕ СХЕМЫ.

Откройте в своем дневнике "Настройки"- это в верхней панели дневника.

[350x114]

Я предпочитаю работать в "Старом оформлении настроек"

[500x154]

Перейдите в "Настройки дизайна"

[500x355]

Открывается окно "Настройки схем" вкладка "Настройки схемы".

Здесь несколько панелей: "Цвет фона", "Фоновая картинка", "Цвет рамок", "Цвет текста", "Шрифты" и "Предпросмотр".

Я для удобства поставила номера некоторых окошек.

[500x504]

Панель "Фоновая картинка". Нашу фоновую картинку загружаем в окно 1 - "Фоновая картинка страницы".

У Вас уже стоит какой-то фон, ранее установленной схемы. Нажмите "Удалить фон".

Фон удален.

[500x224]

Нажмите на кнопку "Обзор", найдите свою фоновую картинку.

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

[500x202]

Фоновая картинка установлена и ее можно увидеть в окне "Предпросмотр", которое находится в нижней части окна.

[500x229]

Когда вы открываете дневник и фоновая картинка еще не загрузилась, Вы видите определенный фон зкрана, корый зависит от выбранного цвета в окошке 5 - "Фон страницы" в панели "Цвет фона".

Для выбора цвета нажмите на кнопку "Выбрать цвет" и в открывшейся палитре цветов выбирайте подходящий цвет, соответствующий цвету фоновой картинки страницы.

Если в палитре цветов Вы не нашли нужного цвета,можно взять код цвета в любой удобной для Вас программе (например, в ФОТОШОПЕ, КОРЕЛЕ) или существует много генераторав цвета на сайтах и т.д. Код скопировать и вставить в окошко.

В панели "Фоновая картинка" Окошко 2 -Фоновая панель навигации и 3 -Фоновая картинка дополнительных блоков.

Здесь все аналогично установке фоновой картинки.

Можно не устанавливать фоны. Можно загрузить файлы gif с анимироваными фонами - блестками, снежинками, дождем и т.д. 

Обратите внимание на  окошко "Заполнить фоном". В нем можно выбрать как заполнять: все пространство, по горизонтали, по вертикали или не заполнять. Если Вы установите "Не заполнять"  - картинка или анимация установится 1 раз. Если по горизонтали или по вертикали, то изображение или анимация отобразятся в ряд соответственной по горизонтали или по вертикали. Если "все прострнство" - заполнит все прстранство в несколько рядов - зависит от размера изображения или анимации.

Все зависит от Вашей фантазии.

"Фоновая картинка сообщений" - Окошко 4. На этом фоне вы будете писать свой текст.

Есть любители прозрачных фонов.

Кое-кто любит делать однотонный не прозрачный фон. Все зависит от вкуса и фоновой картинки.   Оратите внимание наокошко "Заполнить фоном" - для прозрчных фонов, которые н являются "бесшовными"я устанвливаю "по верикали", а для бесшовных - "  окошко "Заполнить фоном"."

Главное,  чтобы текст был читабельным. Загружается фоновая картинка сообщений, как и фоновая картинка страницы.

Но фоновую картинку можно и не загружать.
В пенели "Цвет фона" убираете "птички" и выбираете цвет в предложенной палитре цветов или вставьте код цвета в окошко.

Если Вы загрузили Фон сообщения, то в Панель "Цвет фона" не убирайте "птичку" и цвет выбирать не нужно.
[500x389]

В панели "Цвет текста" выбирайте цвета, которые будут читабельны в Вашей схеме.
Панель "Шрифты" - выбирайте "Тип шрифта", "Размер шрифта" и "Стиль начертиния", которые Вам больше всего подходят и нравятся.

[500x223]

Панель "Цвет рамок" - Выбираете цвет по вашему вкусу.

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

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

А если Вы выбрали цвет рамки
[500x325]т

то это будет выглядеть так (установила разные цвета для наглядности)

[500x229]

Пользуйтесь окошком "Предпросмотр", нажимая на кнопку "Внести изменения"
[500x280]

Кнопку "Внести изменения" Вы нажали и  теперь перейдите в свой дневник для просмотра, как будет выглядеть Ваш дневник в новой схемой.
[500x163]
Если Вам что-то не нравится, то возвращаетесь в настройки дневника, корректируете и опять смотрите все ли Вам подходит.

Все! Все нравится! Теперь схеме нужно дать имя и сохранить ее.

Под панелью "Предпросмотра" в окошке написано "Придумайте и введите название цветовой схемы".

Место этого запишите название Вашей схемы.

Обязательно поставьте "птичку" возле "Сохранить набор цветов как схему"

[700x404]
Нажмите кнопку "Внести изменения".

Схемы сохранена.

3 Где ее найти и как внести эту схему в сообщение своего дневника или в сообщество?

Переходим на вкладку "Управление схемами". В панели "Импорт и экспорт схем" в окошке "Доступные" ищем свою схему. Она будет внизу списка, но не самой последней (шестой снизу).
[500x282]

Нажимает кнопку "Применить схему".

[500x208]

В панели "Выбор цветовой схемы" не отображается изображение схемы. Ничего страшного!

Скопируйте информацию в окошке "Код для обмена". Теперь этот код можно вставить в сообщение в Вашем дневнике или в сообществе.

[500x199]
В дневнике схема будет выглядеть так

 

Название: Розы для Вас!
Автор: nataly0809
Создана: 28.01.2014 17:36
Скопировали: 115 раз
Установили: 162 раз
Примерить схему | Cохранить себе

Вы можете сделать несколько вариантов схемы и сохранить, а затем оставить лучшую, а "рабочие варианты" схем удалить.

Для удаления необходимо в панели "Импорт и экспорт схем" ставим птичку возле надписи "Действительно удалить схему?"

  [500x355]

И после этого нажимайте кнопку "Удалить схему"

Желаю удачи!

Если что-то не понятно - пишите!

Я внесу изменения в сообщение по вашим замечаниям и вопросам!