Делаем схему дневника!

топ 100 блогов — 20.01.2010
Уроки для совсем начинающих очень понятные и подробные!!!

1 ЧАСТЬ
Начнем. Как всегда,- идем в настройки:
Делаем схему дневника! (448x34, 5Kb)

Далее в "настройки дизайна":

Делаем схему дневника! (330x76, 10Kb)

Теперь по порядку:

Цвет фона:

Фон страницы:

Делаем схему дневника! (304x170, 20Kb)


В квадратике изображен цвет, который сейчас стоит у Вас:

Делаем схему дневника! (286x74, 6Kb)

В это поле можно вписать буквенное обозначение цвета ( таблицу веб цветов и их буквенное обозначение выложу ниже):

Делаем схему дневника! (251x67, 7Kb)

Чтобы сменить цвет фона, жмем "выбрать другой цвет", после чего выползет табличка где и щелкаем по нужному нам цвету:

Делаем схему дневника! (352x261, 50Kb)

Для более удобного выбора цветов можно нажать в этой табличке " цвета поименно":

Делаем схему дневника! (258x154, 24Kb)

Либо нажать "линейка":

Делаем схему дневника! (260x140, 15Kb)

В этом случае,- Вам надо двигать ползунки, чтобы добиться нужного цвета ( результат нарисован снизу):

Делаем схему дневника! (258x138, 16Kb)

После того как подобрали нужный цвет, щелкаем один раз по нему:
Делаем схему дневника! (256x140, 14Kb)

Далее в этом столбике выбираем цвета точно таким же способом. Теперь расскажу какой цвет к чему:

1.1 "Фон страницы" - так скажем,- задний фон Вашего дневника. Покажу скрин у аватарки:

Делаем схему дневника! (143x273, 6Kb)

1.2 "фон панели навигации" - изменения под аватаркой в профиле:
Делаем схему дневника! (365x115, 8Kb)

И там же в профиле,- строка над записями:

Делаем схему дневника! (570x62, 9Kb)

Так же этот пункт можно сделать прозрачным, надо поставить галочку:

Делаем схему дневника! (314x48, 7Kb)

1.3 "фон дополнительных блоков" - очень много что к этому относится, и в профиле блоки:

До внесения изменений:
Делаем схему дневника! (320x256, 29Kb)

После внесения изменений:
Делаем схему дневника! (297x126, 10Kb)

И блоки в ленте записей:

До внесения изменений:
Делаем схему дневника! (350x280, 30Kb)

После внесения изменений:
Делаем схему дневника! (249x113, 8Kb)

И над лентой записи:
До внесения изменений:
Делаем схему дневника! (350x280, 34Kb)

После внесения изменений:
Делаем схему дневника! (283x153, 11Kb)

Так же этот пункт можно сделать прозрачным.

1.4 "Фон сообщений" - фон, на котором будут написаны Ваши посты ( цвет бумаги, говоря по-русски,:-) :
Делаем схему дневника! (349x75, 9Kb)

Кроме того меняется цвет "окон" в профиле:

Делаем схему дневника! (350x280, 37Kb)

Так же этот пункт можно сделать прозрачным.

Далее "Цвет текста":

Делаем схему дневника! (217x117, 12Kb)

2.1 "Текст панели навигации" - меняется цвет всех надписей в блоке с аватаркой,- записи,друзья,комментарии,число симп и т.д.:

Делаем схему дневника! (252x37, 3Kb)
и текст в блоке над записями в профиле:
Делаем схему дневника! (350x280, 29Kb)
Делаем схему дневника! (240x60, 4Kb)

2.2 "Текст дополнительных блоков" - меняется цвет текста в блоках, о которых мы говорили в пункте 1.3.

2.3 " Текст сообщений" - цвет текста, который будет по умолчанию цветом для постов
Плюс все текстовые дополнения к дополнительным блокам, например:

Делаем схему дневника! (288x198, 24Kb)

Или же, например, в окошке статистики:

Делаем схему дневника! (276x87, 15Kb)

Так же надписи в редакторе написания поста:

Делаем схему дневника! (191x26, 3Kb)
Делаем схему дневника! (382x82, 13Kb)

В общем много за что отвечает именно эта функция. Хотите наглядно увидеть у себя в дневнике, могу посоветовать проставить контрастный цвет, тогда сразу все увидите:-)

2.4 "Текст обычных ссылок" - все понятно в принципе. Цвет остальных ссылок в Вашем дневнике ( кроме тех, которые мы уже рассмотрели)
Например ники друзей, ссылка в Вашем посте, ссылка на фотоальбом в профиле и т.д. ( опять таки советую проставить контрастный цвет, чтобы воочию увидеть изменения)

2.5 "Текст пройденных ссылок:" - те же самые ссылки, только если Вы уже переходили по одной из них,- она считается пройденной и будет выделяться другим цветом. Каким?,- решать Вам:-)


2 ЧАСТЬ
"Цвет элементов навигации" - жмем на стрелочку и выбираем нужный цвет:


Делаем схему дневника! (241x153, 13Kb)

Этот пункт отвечает за цвет кнопки :

Делаем схему дневника! (178x89, 4Kb)

И кнопка в ленте друзей:

Делаем схему дневника! (219x62, 5Kb)

Далее "Фоновая картинка" - все те фоны, что мы заливали цветом в первой части настроек, - можно залить узором, картинкой и т.д.

Для этого лучше всего использовать "бесшовные фоны" т.к. заливка идет маленькими квадратиками, а если использовать бесшовные фоны,- то все вместе будет смотреться как единое целое. Для примера, бесшовные фоны можно посмотреть
здесь. Или использовать для заливки большую по размеру, но не тяжелую (до 80 кб) картинку. Тогда рекомендую поставить "фиксировать фон" ( подробнее о фиксированном фоне позже)
Фон должен быть не более 80000 байт ( 80 кб)

Итак, начнем использовать фоны, для удобства буду показывать скрины всей страницы дневника до и после изменений:-)

1. "Фоновая картинка страницы" - так сказать ,- самый "задний" фон дневника.
Жмем "обзор":


Делаем схему дневника! (279x126, 14Kb)

Выбираем из папки на компьютере нужный нам фон и жмем открыть:

Делаем схему дневника! (248x238, 17Kb)

Далее выбираем какую часть пространства хотим заполнить фоном,- жмем на стрелочку:
Делаем схему дневника! (345x114, 19Kb)

Потом жмем "загрузить":

Делаем схему дневника! (289x90, 13Kb)

Все, готово :-) теперь смотрим "до" и "после":

До :
Делаем схему дневника! (360x222, 21Kb)

После( все пространство):
Делаем схему дневника! (360x221, 34Kb)

После ( по горизонтали,- как видите выбирать этот вариант заливки почти нет смысла ( если фоновая картинка такая же маленькая):

Делаем схему дневника! (360x215, 26Kb)

После ( по вертикали):
Делаем схему дневника! (360x223, 22Kb)

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

Делаем схему дневника! (360x214, 25Kb)

Если с течением времени фон нам надоел, идем в те же настройки и жмем "удалить":

Делаем схему дневника! (318x75, 10Kb)


Для остальных пунктов,- фоны грузим точно так же, параметры ,- по горизонтали, вертикали, все пространство и не заполнять,- работают точно так же. Покажу только изменения в результате( для всего пространства) :

2. " фоновая картинка панели навигации":

Все пространство:

Делаем схему дневника! (360x214, 28Kb)

И (в лентах записей, друзей и комментариев):

Делаем схему дневника! (360x317, 41Kb)

3. "Фоновая картинка дополнительных блоков" - изменения в:

Вверху и внизу лент:

Делаем схему дневника! (359x97, 14Kb)
Делаем схему дневника! (356x36, 6Kb)

И блоки в профиле:
Делаем схему дневника! (359x221, 30Kb)

4. "Фоновая картинка сообщений" - много за что отвечает:

В профиле за "окошки с текстом":

Делаем схему дневника! (360x222, 35Kb)

В лентах за "фон бумаги" ( тот фон на котором написан Ваш пост, комментарий или пост друга в ленте друзей) и за "текстовое дополнение" блоков в левой колонке:
Делаем схему дневника! (359x210, 34Kb)


3 ЧАСТЬ
"Фиксировать фон" - ставим галочку если хотим зафиксировать основной фон:

Делаем схему дневника! (210x55, 3Kb)

Что это знчит,- фиксировать фон?
Допустим Вы взяли одну большую картинку и залили ее как основной фон в дневнике. Если ее зафиксировать с помощью этой функции, то основной фон будет неподвижен, а блоки, окна постов и т.д. буду двигаться по нему при прокрутке страницы сверху вниз и наоборот. ( Грубо говоря,- как поезд по рельсам. Рельсы неподвижны, а поезд едет ;-) )

"Цвет рамок" - выбираем цвет или прозрачность точно так же,- как и цвет для блоков в дневнике ( подробнее в первой части настроек дизайна)

Смотрим какая рамка к чему относится:
Делаем схему дневника! (306x170, 17Kb)

1. "Рамка панели навигации" :
Это рамочка окошка "поиск" (красная обводка):

Делаем схему дневника! (360x162, 18Kb)
Делаем схему дневника! (295x51, 4Kb)

И окошки "поиска" и "подписка" в левой колонке блоков:

Делаем схему дневника! (200x304, 24Kb)

2 . "Рамка дополнительных блоков":
Рамочка верхних блоков в лентах ( записей,друзей, комментариев):

Делаем схему дневника! (360x129, 15Kb)
Делаем схему дневника! (384x161, 13Kb)

И нижних:
Делаем схему дневника! (360x174, 12Kb)
Делаем схему дневника! (275x99, 7Kb)

3. "Рамка сообщений" - обводка окон постов, комментариев:

Делаем схему дневника! (357x146, 19Kb)

И левой колонки в профиле вместе с аватарами из списка друзей:
Делаем схему дневника! (126x279, 14Kb)

Идем дальше,- "Шрифты",- тут уже труднее, т.к. буковок на страницах дневника очень много.

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


Делаем схему дневника! (216x191, 21Kb) Делаем схему дневника! (263x81, 8Kb)

А размер шрифта вписываем вручную ( в скобочках указаны максимально и минимально возможные размеры):

Делаем схему дневника! (188x48, 4Kb)

После всех изменений шрифтов,- жмем кнопочку "внести изменения" внизу страницы:

Делаем схему дневника! (221x66, 4Kb)

После чего Вы опять попадете на эту же страницу настроек, где под окошком со шрифтами,- окошко предпросмотра Вашего дневника ( на нем можно увидеть где и как что изменилось):
Делаем схему дневника! (500x159, 28Kb)


Огромное спасибо Делаем схему дневника! Legionary
Делаем схему дневника! Делаем схему дневника! Делаем схему дневника!

Оставить комментарий

Архив записей в блогах:
Интервью главного редактора Плэйбой Артемия Троицкого.Я считаю, что Cosmopolitan ...
...
Муж бьет. Любовник пьет. Работа скучная и платят мало. Жена изменяет. Приятель хамит. Соседи из окна мусор выкидывают. Бегемот к жопе прилип. Мало ли чем окружающие отравляют нам жизнь? И мы все это терпим, не забывая, впрочем, рассказывать ...
Покупала щас Кириллу шампнунь и вспомнила дело давно минувших дней. Как-то ходили мы в парикмахерскую, и там мастер рассказала, что детям нужно использовать детский шампунь, а не для взрослых, мол, для кожи их голов это вредно. В тот же день купили Кириллу единственный детский ...
...