si tratta di creare un template da zero con tre div: un header, un footer ed un contenitore. I primi due sono posizionati in modo assoluto in alto ed in basso e con valori css left e right uguali a 0. Quello centrale sempre in modo assoluto lo fai partire da dove finisce l'header (che so, l'header è alto 50 px, lo fai partire da un top:50px) stessa cosa vale per la fine, infatti finirà dove inizia il footer (se il footer è alto 100px; il bottom di questo terzo div sarà 100px;). Ache il div contenitore avrà left e right del css = 0.
all'interno del div header inserisci un altro div con margin 0; e larghezza fissa di un tot di pixel in modo che risulterà centrale. A sua volta dentro inserisci due div, logo e menu rispettivamente uno float left e l'altro float right. All'interno di questi inserirai le posizioni modulo logo e mainmenu. Hai così completato l'header (aggiungerai tu i vari stili css personalizzati come colori, padding, dimensioni e font da usare).
La stessa cosa puoi farla con il footer, oppure puoi semplicemente creare il div con larghezza fissa e margin:0 e buttarci dentro la posizione di joomla foooter.
avrai in html un codice uguale a questo:
<body>
<div id="header">
<div id="logo">POSIZIONE LOGO (TAG DI JOOMLA)</div>
<div id="menu">POSIZIONE MENU (TAG DI JOOMLA)</div>
</div>
<div id="container">COMPONENTE (TAG JOOMLA)</div>
<div id="footer">POSIZIONE FOOTER (TAG DI JOOMLA)</div>
</body>
