Ну, я не из лучших, но это то, что я понял после работы над некоторыми пользовательскими темами. Я постараюсь сделать это как можно проще.
Но, разумеется, само собой разумеется: читайте учебники по темам ... это действительно помогает в долгосрочной перспективе.
Обычно в каждой теме каждая страница в основном делится на три раздела: раздел заголовка, раздел страницы и раздел нижнего колонтитула.
Примечание: всегда лучше создать свой собственный интерфейс и тему и скопировать в него header.phtml или footer.phtml (со всеми папками-контейнерами) для редактирования.
Раздел заголовка заполняется файлом header.phtml, который можно найти в app / design / frontend / interfacename / themename / template / page / html / header.phtml
header.phtml содержит основной div, внутри которого вы можете разместить еще один div для вашего логотипа.
Стилизация header.phtml и содержащихся в нем элементов div выполняется с помощью styles.css, содержащегося в skin / frontend / interfacename / themename / css / styles.css
ВОПРОС1: Для получения черного заголовка вы можете изменить цвет основного div в header.phtml и убедиться, что он растягивается до 100%. Это, очевидно, делается путем помещения кода CSS в styles.css
ВОПРОС2: Область среднего черного цвета: общий черный цвет можно добавить на веб-сайт, добавив черный цвет в тег body (с помощью styles.css ofcourse). Заголовок будет виден над ним.
ВОПРОС3: Нижний колонтитул:
Нижний колонтитул генерируется footer.phtml в app / design / frontend / interfacename / themename / template / page / html / footer.phtml
Примените фоновое изображение, используя css, к основному div в footer.phtml через styles.css, и все будет хорошо.
Moody