Рис. 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
Теперь можно передавать пакет шаблона другим пользователям или устанавливать его самому. Если вы хотите попробовать установить шаблон из пакета, необходимо сначала удалить уже имеющийся шаблон joomla150_book, однако перед удалением нужно установить другой шаблон по умолчанию. В главном меню административной части Joomla! выберите Extensions | Template Manager. В появившемся окне выберите желаемый шаблон и нажмите кнопку По умолчанию (Default). Теперь можно деинсталлировать шаблон. В главном меню административной части Joomla! выберите Extensions | Install/Uninstall. Перейдите на закладку «Шаблоны» (Templates). Выберите шаблон joomla150_book и нажмите кнопку Деинсталлировать (Uninstall).
Рис. 9: Деинсталляция шаблона
Также для удаления шаблона достаточно просто удалить директорию
[ПутьКJoomla!]/templates/joomla150_book/.
Инсталляция с помощью Установщика шаблонов (Template Installer) Joomla!
После создания пакета шаблона и удаления всех его предыдущих версий можно перейти к инсталляции нового шаблона (в главном меню админчасти выберите Extensions | Install/Uninstall).
Здесь можно установить zip пакет с вашим шаблоном. Выберите файл joomla150_book.zip и нажмите кнопку Загрузить файл и установить (Upload File & Install). Инсталлятор сообщит об успешной установке, также на экране отобразится описание XML файла шаблона.
Рис. 10: Установка пакетного файла шаблона
Если вы перейдете к Менеджеру шаблонов, то увидите, что новый шаблон появился в списке и доступен для использования.
Создание шаблоном с расширением Dreamweaver
