Как на сайте ucoz сделать шапку?

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

Инструкция

Перейдите в «Панель управления» сайтом в раздел «Управление дизайном». В подкатегории «Общие шаблоны» откройте пункт «Таблица стилей 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’)

Нажмите на кнопку «Сохранить». Создание файла собственной шапки на сайте завершено.

Оцените статью!