Часть 10. Настройки дизайна. Глава 1. Цвет фона.
Начну сразу с
примечания:
Прошу меня извинить, что на скриншотах нет рекламы. В редакторе ничего не вырезалось. Так это у меня показывается в Google Chrome...
Вот и пришёл тот день, когда я решил рассказать вам о настройках дизайна.
Прежде всего хочу напомнить, что такое "дизайн"
(подчёркнуто мною,
Rost):
ДИЗАЙН (от англ. design — замысел, проект, чертеж, рисунок), термин, обозначающий различные виды проектировочной деятельности, имеющей целью формирование эстетических и функциональных качеств предметной среды.
Пожалуйста, оформляя свои дневники помните про это!
Для того, чтобы попасть в «Настройки дизайна» необходимо нажать эту ссылку:
![(271x98, 2Kb)](//img1.liveinternet.ru/images/attach/c/1//49/28/49028555_011.png)
И - не пугайтесь! В своё время дизайн
(извините за это слово!) настроек хотели переделать, но нового дизайна хватило только на "дизайн"
(простите за каламбур). Для начала расскажу про настройки фона страницы вашего дневника:
![(318x252, 9Kb)](//img0.liveinternet.ru/images/attach/c/1//49/28/49028501_08.png)
Почему я поставил такие дикие настройки фона? Чтобы показать что в дневнике есть что. А делится он на 4-ре очень неравные части.
1. Панель Навигации
![(261x354, 35Kb)](//img1.liveinternet.ru/images/attach/c/1//49/29/49029074_02.png)
Почему так называется? Честно скажу, не знаю... Это - не ко мне.
2. Панель сообщений
![(656x473, 78Kb](//img0.liveinternet.ru/images/attach/c/1//49/29/49029181_06.png)
Кроме того, это фон также отображается в внутри блоков левой панели (что такое «блоки левой панели» см. в
«Настройках профиля»). Например, в статистике:
![(258x254, 4Kb)](//img1.liveinternet.ru/images/attach/c/1//49/29/49029338_05.png)
А заголовки этих блоков берут цвет фона дополнительных блоков.
3. Дополнительные блоки
![(648x160, 26Kb)](//img0.liveinternet.ru/images/attach/c/1//49/29/49029448_03.png)
Надеюсь поняли что есть что? Поняли? Все те, кто дочитал до этого места согласно кивают головой, и только самые внимательные возмущаются:
- Позвольте! Но чуть выше писали что будет 4-ре части! А написали только про 3!!!
Молодцы! Специально для вас:
4. Страница
![(392x446, 48Kb)](//img1.liveinternet.ru/images/attach/c/1//49/29/49029586_07.png)
"И что вы таки хотите нам показать последней картинкой?" - спросят таки те.
Таки да. Объясняю.
Видите белые прожилки на картинке? Это -
белый фон страницы.
Как установить цвет фона?
Тут возможно тоже 4-ре варианта.
1. Написать цифровой код цвета.
Пишем 6-ти значный код:
![(223x101, 4Kb)](//img0.liveinternet.ru/images/attach/c/1//49/38/49038105_20.png)
Можно без символа "#". После нажатия на кнопку
![(153x27, 0Kb)](//img1.liveinternet.ru/images/attach/c/1//49/38/49038295_key.png)
он появится сам. Кроме того появится изображение самого цвета слева от его номера.
Остальные 3.
Нажимаем на цветной кружок или на надпись "Выберите цвет":
![(223x101, 4Kb)](//img1.liveinternet.ru/images/attach/c/1//49/42/49042547_21.png)
Появляется маленькое окошко, на 3-х вкладках которого можно выбрать нужный цвет.
Вкладка 1-я "RGB":
![(257x221, 4Kb)](//img1.liveinternet.ru/images/attach/c/1//49/42/49042938_212.png)
Выбираем нужный цвет, кликая по нему мышкой.
Вкладка 2-я "Цвета поимённо":
![(257x172, 4Kb)](//img1.liveinternet.ru/images/attach/c/1//49/43/49043282_22.png)
Здесь собраны все цвета, имеющие имя. Выбираем нужный цвет, кликая по нему мышкой.
Вкладка 3-я "Линейка":
![(257x160, 3Kb)](//img1.liveinternet.ru/images/attach/c/1//49/43/49043378_23.png)
Я бы даже сказал "3 линейки". Новый цвет получаем двигая полозки у 3-х линеек. Выбираем нужный цвет, кликая мышкой по цветной полоске внизу.
Ещё пару слов про цвет фона.
Фон любого элемента дневника может отсутствовать. То есть быть "прозрачным".
Например, фон панели навигации.
Ставим галочку:
![(318x249, 9Kb)](//img0.liveinternet.ru/images/attach/c/1//49/30/49030429_10.png)
И получаем:
![(264x356, 34Kb)](//img1.liveinternet.ru/images/attach/c/1//49/35/49035859_09.png)
Как видно, фона у Панели Навигации нет, он стал прозрачный.
Маленькое дополнение в конце поста. Ваше текущее оформление дневника вы можете посмотреть внизу страницы настроек в графе "Предпросмотр":
А завтра расскажу, как сделать рисунок в качестве фона.
LI 5.09.15