Per modificare un template hai bisogno di capire com'è fatto.
Per prima cosa: conosci l'html? Sai leggere il codice sorgente di un file html e individuare i vari marcatori (tag)?
Potremmo definire il file index.php del template un file html "camuffato". Ovvero composto da tag html e codice php. Quando viene richiamato dal browser il server si incarica di sostituire il codice php con gli oggetti corrispondendi (moduli, contenuti, ecc) leggendoli dal database MySQL e restituendo al browser una semplice pagina tutta in html.
Quindi, per modificare un template bisogna sapere che si trova nella cartella /templates del sito Joomla. In questa cartella ogni template è contenuto in una cartella.
Per ogni template esiste un file index.php che corrispode all'unica pagina esistente in un sito in Joomla.
Questo perchè, a differenza dei siti scritti in puro html, i siti in Joomla sono dinamici. Ossia con una pagina se ne costruiscono milioni.
Detto questo entra in gioco un altro elemento: il foglio di sitle. I fogli di stile si trovano nella cartella /template/css e servono a "colorare" la pagina. Ovvero a dare una formattazione a testo, immagini, link, ecc.
In un template potresti trovare una cosa del genere:
<div id="logo"></div>
e nel foglio di stile template.css trovare la seguente classe:
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}
Detto in parole semplici: l'unione del tag
div a cui è assegnato l'identificativo
logo e la definizione delle proprietà dell'identificativo
logo nel foglio di stile da origine alla visualizzazione dell'immagine mw_joomla_logo.png nella pagina web.
Lo stesso effette si poteva ottenere usando solo codice html usando il marcatore <img> direttamente nel codice della pagina
<td>
<img src="picts/mw_joomla_logo.png" width="298px" height="75px" />
</td>
Ma ormai nessuno usa più fare così
Ma se non conosci l'html e i fogli di stile....
Consiglio:
prendere un qualsiasi template e studiare il file index.php e il file template.css tralasciando per il momento tutta la parte del php e concentrandosi solo su due cose: la sintassi dell'html e quella dei fogli di stile.