ЯК на сайті ucoz зробити шапку :: Управління сайтами

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

Інструкція

Перейдіть в «Панель управління» сайтом у розділ «Управління дизайном». У підкатегорії «Загальні шаблони» відкрийте пункт «Таблиця стилів CSS». На сторінці, що з'явилася ви побачите список використовуваних шаблонів і код, який і відповідає за оформлення.

Перейдіть в рядок, який починається з назви .header. Вона створює псевдоклас, який визначає дизайн всій верхній частині вашого ресурсу. Для зміни шапки необхідно редагувати саме даний код.

Щоб змінити фон шапки, у знайденій рядку вам потрібно буде змінити параметр background url ('адрес_до_файла_картінкі'). Скопіюйте вказаний в дужках адреса без лапок і додайте його до вашого адресою сайту у вікні браузера. Так, якщо ваш ресурс має адресу site.ucoz.ru, а картинка розташовувалася за адресою .s / u / 111 / 1.png, необхідно буде в адресному рядку оглядача ввести наступний запит:

Site.ucoz.ru/.s/u/111/1.png

Після введення даної послідовності натисніть Enter.

Збережіть отриманий файл і змініть його в будь-якому графічному редакторі (Photoshop, GIMP). Ви можете змінити фон, задати інший стиль оформлення за допомогою інструментів і функцій програми. Не зраджуючи розміру картинки, збережіть її у вас на комп'ютері під будь-яким ім'ям (наприклад, head.png) з тим же розширенням.

У вікні редактора Ucoz перейдіть в розділ «Файловий менеджер» і завантажте отриману картинку в будь-яку доступну папку, натиснувши на кнопку «Обзор», а потім «Завантажити файл».

Поверніться на сторінку редактора CSS і вкажіть адресу до вашого нового завантаженого файлу шапки. Наприклад, якщо ви зберегли картинку з назвою head.png і завантажили його в кореневу директорію сайту, код background повинен виглядати наступним чином:

Background url ('head.png')

Натисніть на кнопку «Зберегти». Створення файлу власної шапки на сайті завершене.