Створюємо шапку для блогу, інтернет для чайника

Сьогодні повертаємося до нашого улюбленого blogspot-у. Сьогодні я вам покажу, як можна вставити красиву шапку легко і швидко, не змінюючи шаблон блогу. Але це підходить для тих блогів, у яких шаблон задуманий без малюнків, наприклад, як у мене.

Отже, ви маєте в наявності шапку, тепер ми її будемо вставляти. Я буду, як завжди, все фіксувати скринами, але робити буду не на цьому блозі, а на тестовому.

Для початку дізнаємося, якого розміру нам потрібна шапка. Вірніше дізнаємося її ширину, так як висота для нас значення не має. Заходимо в Макет-Змінити HTML. Знаходимо в шаблоні такі рядки:

# Header-wrapper <
width: 660px;
margin: 0 auto 10px;
border: 1px solid $ bordercolor;
>

660рх - це і є ширина нашого шаблону.

Тепер у нас з'явилася друга шапка в блозі. Тепер нам потрібно позбутися від першої. Видалити ми її не можемо, але ми можемо відкоригувати шрифт так, щоб назви не було видно. Це робиться просто Макет-Шрифти і кольори. Шрифт заголовка робимо найдрібніший, щоб він займав якомога менше місця. До того ж він повинен бути одного кольору з заливкою заголовка.

Ну звичайно ж, шапку краще зробити більш яскраву, а банер менш помітним. Але я показав приклад, як все це робиться, а далі вже справа ваша!

Наостанок порекомендую залізти в шаблон і знайти такі рядки:

#header h1 <
margin: 0px 0px 0;
padding: 0px 0px .25em;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: .2em;
font: $ pagetitlefont;
>

#header .description <
margin: 0 0px 0px;
padding: 0 0px 0px;
max-width: 700px;
text-transform: uppercase;
letter-spacing: .2em;
line-height: 1.4em;
font: $ descriptionfont;
color: $ descriptioncolor;
>

Те що позначено червоним поставити на мінімум - це відступи по вертикалі. Площа для першого (справжнього) заголовка зменшиться і місце під банер буде зайнято менше.

-----------------
Компанія "Корисна поліграфія" надає поліграфічні послуги. Ми друкуємо все: від візиток до великомасштабних плакатів. Наша компанія відома якістю своїх послуг і доступними цінами. Звертайтеся, ми чекаємо вас!

24 Responses to "Створюємо шапку для блогу"

Потрібно ще врахувати, що шапка може бути гумова. Тоді шапку потрібно робити певного розміру, а решта заливкою.

у мене питання допоможіть якщо знаете.У мене шаблон і я хочу щоб в повідомленнях рамка (коли картинку вставдяю) була білого кольору а у мене серого.Дело в тому що "Шрифти і кольори" не працюють поетому це треба в шаблоні менять.Подскажіте код рамки в шаблоне.Зараніе дякую!

Олексій здрастуйте. Шапку з Вашою допомогою одягла (величезна Вм мерсі!). Але тепер же хочеться і шубку! Ходила-ходила, шукала-шукала, так ніде інструкції і не знайшла. Навіть не знаю, як воно і називається грамотно то, то що з боків. Допоможіть, якщо можете?

ukuwu, все що написано під тегом header - це заголовок. Пробуйте методом тику міняти color - вставляти свої коди кольорів. Тоді і знайдете те, що вам нужно.Смотріте код тільки до тега body, далі вже піде основна сторінка блога.GukAlex, вам в шаблоні потрібно шукати теги sidebar, там менти кольору, як і ukuwu

Супер. Клас. Велике дякую. Все вийшло! Хочу стрибати від захвату, але боюся сина розбудити)))

Спасибі, багато корисної інформації.

Дякуємо. Багато корисного.

Олексій, спасибі велике за Швидку Допомога, все вийшло! (Правда кривовато варто, але все ж краще ніж було).

У вас дуже коротка шапка. Зробіть її дліньше. Можна в шаблоні подивитися ширину сторінки.

Вікторія, а воно вам треба? Мене цілком влаштовує домен третього рівня. Які цілі ви перед собою ставите, намагаючись купити інший домен?

Валерія, у мене ваш сайт прекрасно відкривається. А через Яндекс теж не відкривається? Різними браузерами пробували? Я навіть не знаю, в чому може бути проблема. А де домен і хостинг купували?

Вікторія, я дуже радий, що у вас все вийшло! Бажаю вам удачі в просуванні вашого сайту!

Олексій, а як зробити карту сайту в блогери? І ще питання. Ви щось робили, щоб індексувалися в цьому блозі картинки? У мене фото не індексуються. Може підписи до них треба зробити як Ви описували? Відразу 2 теми Вам для нотаток.

Вікторія, тусіте тоді) А до Юкоз я звик ... мне нра ..

В рамках триваючої тусовки чайників підкинула на форум головоловку. У мене вже мізки димлять, поки нічого не виходить з такою шапкою ... ((

Схожі статті