In questa Guida imparerete come iniziare a modificare le piccole parti di un template joomla usando Firebug (estensione firefox ) ed un blocco note .

Prima cosa da fare e’ selezionare il template sulla quale si vuole lavorare dall’apposito pannello di amministrazione – Install/Uninstall – Template Manager


A questo punto una volta selezionato lo “stile” come predefinito , apriamo la nostra home page in modo da visualizzarne il contenuto


Apriamo l’estensione firebug in basso a destra e noteremo un piccolo pannello con i dati relativi alla pagina visualizzata. Se non avete firebug potete scaricarlo da QUI . Avremo piu sezioni , ma quella che ci interessa è la parte html e soprattutto CSS .


Cliccando su modifica avremo il codice a portata di mano , scegliamo perciò css e vedremo tutti i valori impostati dal template


La panoramica dei valori attribuiti si presenta cosi , la modifica non comporta la scrittura del file ma soltanto la modifica temporanea locale per tanto ad ogni punto modificato è importante segnare in un blocco note o direttamente nel nuovo file css i nuovi valori .


In questo caso facciamo un esempio su come allargare l’header aggiungendo un valora maggiore all’altezza HEIGHT portandola da 96 a 200 px


Analizzando la parte esterna noteremo come viene segnato il colore di sfondo ( Background ) con un codice associato ad un colore . in questo caso un celeste ed abbinato ad’una immagine dal nome bg_page.png che si trova nella cartella images del template


Modificando il codice colore in #000000 (nero) ed eliminando l’associazione immagine avremo uno sfondo nero o del colore scelto variando il #%var%


Scelta la giusta realizzazione ed apportate tutte le modifiche dobbiamo riscrivere il codice affinche le modifiche siano permanenti . Andiamo nella cartella del template per trovare il codice css


A questo punto sostituiamo i valori che prima abbiamo scelto ad il file . Salviamo e carichiamo sul nostro server il file css appena aggiornato.


Oltre la struttura è possibile gestire il design e le immagini . Analizzando il banner nell’header verrà segnalata la cartella di destinazione dell0immagine con il nome associato , in questo caso banner.jpg con le relative dimensioni .


Nel caso vogliamo modificarlo basterà seguire il percorso prima indicato per poter aprire l’immagine per poi sostituirla con la nuova * ( in genere è consigliato tenere le dimensioni originali)


Una volta effettuate le operazioni su tutte le immagini , carichiamo tramite ftp la cartella in /templates/ sostituendo i vecchi files con i nuovi .
Originale

Modificato


Si consiglia di pulire la cache per verificare le modifiche apportate