Создать шаблон для Joomla не сложно. Необходимо взять любой, например, пустой шаблон Joomla и отредактировать в нем файл index.php и templateDetails.xml

Прежде всего, конечно, необходимо определиться с макетом будущего сайта. Для простоты изложения, пусть макет сайта будет состоять из 3 областей: top, left и right (верхней, левой и правой).

Макет шаблона сайта на Joomla

Очень типичное для сайтов расположение областей. Можно сделать  узким left а широким right.

Если верстать такую html страничку блоками div, то нам достаточно использовать три блока верхний и два под ним, где один из нижних блоков должен быть плавающим. На самом деле, даже в этой простой ситуации с тремя блокам может быть множество вариантов, но не будем на них останавливаться.

Для удобства описания стилей, каждый из трех блоков div должен иметь уникальный идентификатор. Назовем их logo, main и menu, предполагая, что в logo будет размещен логотип и название сайта, в main будет выводиться основное содержание страниц, а в menu расположим меню . Позиция top нашего макета сайта попадет в блок logo, позиция left в блок main, а позиция right в блок menu. Короче: top =  logo, left = main, right = menu.

Посмотрим как будет выглядеть файл index.php c учетом выше изложенного:

<?php
// Защита от прямого доступа к файлу.
defined('_JEXEC') or die;

// Получить параметры из шаблона
$doc = JFactory::getDocument();

// Добавить таблицу стилей
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');
?>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
<head>
	<jdoc:include type="head" />
</head>

<body>
<div id=wrapper>
	<div id=logo>
		<!-- Вывод модулей в позиции top --> 
		<jdoc:include type="modules" name="top" />
	</div><!-- End logo -->

	<div id=main>
		<!-- Вывод системных сообщений --> 
		<jdoc:include type="message" />
		<!-- Вывод основного контента --> 
		<jdoc:include type="component" />
	</div><!-- End main -->

	<div id=menu>
		<!-- Вывод модулей в позиции right --> 
		<jdoc:include type="modules" name="right" />
	</div><!-- End menu -->
</div>
</body>
</html>

Обратите внимание, в позиции left Joomla будет выводить основной контент (component) и системные сообщения (message). Вывод модулей в этой позиции нами не предусмотрен.

В секции head html документа инструкция <jdoc:include type="head" /> подключит необходимые таблицы стилей.

Имена позиций, которые мы использовали в index.php, необходимо зарегистрировать в файле templateDetails.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd">
<extension version="3.1" type="template" client="site">
	<name>example</name>
	<version>1.0</version>
	<description>TPL_EXAMPLE_XML_DESCRIPTION</description>
	<files>
		<filename>index.html</filename>
		<filename>index.php</filename>
		<filename>templateDetails.xml</filename>
		<folder>css</folder>
		<folder>images</folder>
	</files>
	<positions>
                <position>top</position>
                <position>right</position>
        </positions>
</extension>

Установите свой шаблон и сделайте его шаблоном по умолчанию.

Таблицу стилей template.css можете заполнить после установки шаблона в административной панели Joomla.