Занятие 17. Как поменять шапку сайта на юкозе (часть 3)

  Вот и пришло время для самого ответственного и волнующего этапа –    смены шапки сайта в стандартном шаблоне.






1. Зайдем в Панель управления сайтом и откроем Инструменты – Файловый менеджер. В окне Файлового менеджера нужно нажать кнопку Создать папку. Новую папку назовите header. Откройте ее.


2. В папку header загрузите файлы 1.gif, 4.gif, 5.gif, файлы 2.gif, 3.gif мы менять не будем, поэтому и загружать их не нужно.

3. Напротив каждого файла стоит синенький кружочек с буквой і. Нужно нажать на нее и скопировать ссылку.

4. Зайдите в Панель управления –> Управление дизайном. Кликните два раза по строчке Верхняя часть сайта, чтобы выделить ее и открыть окно для редактирования шаблона.

Откроется окно редактора шаблонов с кодом верхней части сайта. Именно в этой части кода содержится информация о внешнем виде хедера на вашем сайте.

Примечание. Прежде чем начать править код, сделайте копию исходного кода шаблона. Для этого выделите весь код в редакторе, скопируйте и сохраните в блокноте или ворде.

Совет: заведите еще один (тренировочный) сайт на юкозе, выберите для него такой же шаблон и все эксперименты проводите сначала на нем, а лишь потом уже на основном сайте. Так вам удастся избежать потерь и разочарований из-за всевозможных сбоев и накладок.

В коде нужно найти места, где прописаны рисунки 1.gif, 2.gif, 3.gif, 4.gif, 5.gif (на картинке они выделены красными прямоугольниками. Чтобы увеличить изображение, щелкните по картинке два раза) и заменить их на адреса картинок, загруженных в папку header. Затем нажать кнопку Сохранить, чтобы сохранить изменения в коде шаблона.

5. Перейдите на свой сайт и посмотрите произведенные изменения. Если вы все сделали правильно и аккуратно, то результат должен вас порадовать.

Иногда внешний вид хедера прописывают не в самом шаблоне, а в стилях CSS. Если у вас именно такой случай, то редактировать нужно файл стилей. Он находится на вкладке Управление дизайном, немного ниже строчки Верхняя часть сайта.

Удачи вам!