РУКОВОДСТВО по созданию шаблонов для Joomla 1.5

-2

Отображение в виде XHTML

-3

Опция форматирования круглых углов

Таблица 1: Параметры модуля

Описание возможных вставок в index.php объектов jdoc можно увидеть в следующем

листинге:

Листинг 5: index.php с jdoc вставками

type=»text/css» />

href=»templates/{TEMPLATE}/css/template.css» type=»text/css» />

Если вы загрузите ваш сайт в веб обозревателе теперь, то увидите что благодаря

изменениям, внесенным нами в HTML код, сайт наполнился динамическим контентом.

Конечно, до визуального совершенства еще далеко, но сайт уже работает:

Рис. 6: Шаблон с динамическими данными

Теперь перейдем к CSS форматированию, чтобы улучшить внешний вид нашего сайта.

Копируйте следующий код в файл template.css. В данном фрагменте кода мы определяем,

что шрифтом по умолчанию будет Arial, ссылки не будут подчеркиваться, а при

наведении на них курсора изменят цвет и толщину букв.

Листинг 6: template.css

body {

font-family: Arial, Helvetica, Sans Serif;

}

a:link, a:visited {

color: #ff6600;

text-decoration: none;

font-weight: bold;

font-size: 15px;

}

a:hover {

color: #C43C03;

text-decoration: none;

font-weight: bold;

font-size: 15px;

}

Эти изменения значительно улучшат внешний вид нашего сайта. На рисунке внизу курсор

мыши указывает на ссылку «More About Joomla», шрифт при этом меняет цвет и толщину:

Рис. 7: Шаблон с CSS файлом

Данный шаблон состоит из HTML таблиц. Однако, в настоящее время рекомендуется

избегать использование HTML таблиц, так как они ограничивают возможности разметки

страниц и размещения на них объектов контента. В дополнение к этому, на нашем сайте

пока нет ни одной картинки. Тем не менее, основные вопросы создания шаблонов Joomla!

нами решены. Остается только заархивировать шаблон в установочный пакет.

Создание пакета шаблона

Для того, чтобы вашим шаблоном смогли воспользоваться другие, необходимо запаковать

его в zip архив. Перед этим следует создать картинку предварительного просмотра

шаблона (template_thumbnail.png) размером 227 на 162 пикселя. Эта картинка отобразится

при наведении курсора мыши на название шаблона в Менеджере шаблонов (Template

Manager):

Рис. 8: Картинка предварительного просмотра шаблона joomla150_book

Теперь запакуйте все файлы шаблона joomla150_book в zip архив, сохраняя структуру

каталогов.