Як на сайті ucoz зробити шапку

Як на сайті ucoz зробити шапку

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

 

Інструкція

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

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

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

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


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

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

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

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

Background url ('head.png')

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

 


Надрукувати  

Схожі матеріали