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

Воскресенье, 05 Декабря 2010 г. 14:43 + в цитатник

Цитата сообщения Monro-Designs

Прочитать целиком В свой цитатник или сообщество!

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

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

Автор

Legionary

1 ЧАСТЬ
Начнем. Как всегда,- идем в настройки:

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

(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)

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

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

До внесения изменений:
(320x256, 29Kb)

После внесения изменений:
(297x126, 10Kb)

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

До внесения изменений:
(350x280, 30Kb)

После внесения изменений:
(249x113, 8Kb)

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

После внесения изменений:
(283x153, 11Kb)

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

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

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

(350x280, 37Kb)

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

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

(217x117, 12Kb)

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

и текст в блоке над записями в профиле:
(350x280, 29Kb)

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

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

(288x198, 24Kb)

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

(276x87, 15Kb)

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

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

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)

И блоки в профиле:
(359x221, 30Kb)

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

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

(360x222, 35Kb)

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

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

(210x55, 3Kb)

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

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

Смотрим какая рамка к чему относится:
(306x170, 17Kb)

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

(360x162, 18Kb)

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

(200x304, 24Kb)

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

(360x129, 15Kb)

И нижних:
(360x174, 12Kb)

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

(357x146, 19Kb)

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

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

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

(216x191, 21Kb)

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

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

(221x66, 4Kb)

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

Огромное спасибо

Legionary

Рубрики:

Схемы для дневника

Понравилось: 2 пользователям

<a href="https://www.liveinternet.ru/users/1800002/post142919226/">Р”РµР»Р°РµРј СЃС…РµРјСѓ РґРЅРµРІРЅРёРєР°</a><br/>Р”РµР»Р°РµРј СЃС…РµРјСѓ РґРЅРµРІРЅРёРєР°!

РЈСЂРѕРєРё РґР»СЏ СЃРѕРІСЃРµРј РЅР°С‡РёРЅР°СЋС‰РёС… РѕС‡РµРЅСЊ РїРѕРЅСЏС‚РЅС‹Рµ Рё РїРѕРґСЂРѕР±РЅС‹Рµ!!!

РђРІС‚РѕСЂ Legionary
 
1 Р§РђРЎРўР¬
РќР°С‡РЅРµРј. РљР°Рє РІСЃРµРіРґР°,- РёРґРµРј РІ РЅР°СЃС‚СЂРѕР№РєРё:

Р”Р°Р»РµРµ РІ "РЅР°СЃС‚СЂРѕР№РєРё РґРёР·Р°Р№РЅР°":

РўРµРїРµСЂСЊ РїРѕ РїРѕСЂСЏРґРєСѓ:

Р¦РІРµС‚ С„РѕРЅР°:

Р¤РѕРЅ СЃС‚СЂР°РЅРёС†С‹:

Р’ РєРІР°РґСЂР°С‚РёРєРµ РёР·РѕР±СЂР°Р¶РµРЅ С†РІРµС‚, РєРѕС‚РѕСЂС‹Р№ СЃРµР№С‡Р°СЃ СЃС‚РѕРёС‚ Сѓ Р’Р°СЃ:

Р’ СЌС‚Рѕ РїРѕР»Рµ РјРѕР¶РЅРѕ РІРїРёСЃР°С‚СЊ Р±СѓРєРІРµРЅРЅРѕРµ РѕР±РѕР·РЅР°С‡РµРЅРёРµ С†РІРµС‚Р° ( С‚Р°Р±Р»РёС†Сѓ РІРµР± С†РІРµС‚РѕРІ Рё РёС… Р±СѓРєРІРµРЅРЅРѕРµ РѕР±РѕР·РЅР°С‡РµРЅРёРµ РІС‹Р»РѕР¶Сѓ РЅРёР¶Рµ):

Р§С‚РѕР±С‹ СЃРјРµРЅРёС‚СЊ С†РІРµС‚ С„РѕРЅР°, Р¶РјРµРј "РІС‹Р±СЂР°С‚СЊ РґСЂСѓРіРѕР№ С†РІРµС‚", РїРѕСЃР»Рµ С‡РµРіРѕ РІС‹РїРѕР»Р·РµС‚ С‚Р°Р±Р»РёС‡РєР° РіРґРµ Рё С‰РµР»РєР°РµРј РїРѕ РЅСѓР¶РЅРѕРјСѓ РЅР°Рј С†РІРµС‚Сѓ:

Р”Р»СЏ Р±РѕР»РµРµ СѓРґРѕР±РЅРѕРіРѕ  РІС‹Р±РѕСЂР° С†РІРµС‚Рѕ... <a href="https://www.liveinternet.ru/users/1800002/post142919226/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]