Aggiungere un’immagine di sfondo al template di default (protostar) di Joomla

Il nuovo Joomla 3.0 ha un nuovo template di default (protostar) che è veramente ben fatto. Il lato negativo è che ha pochissime possibilità di personalizzazione e se si vuole andare un po più in la’ di quello che il sistema da’ a disposizione bisogna incominciare ad usare i famosi CSS.Quello che voglio fare in questo articolo è impostare un’immagine di sfondo per un sito Joomla 3.x.
La prima cosa da fare è aggiungere al foglio di stile di protostar un altro foglio di stile dove racchiudere le personalizzazioni in modo che, anche se protostar venisse aggiornato, il tempo da dedicare a rimettere le modifiche sia il minimo sindacale.
Quindi la prima cosa da fare è modificare il file index.php del template protostar che si trova nel path:

/templates/protostar/index.php

a partire dalla directory dove avete installato joomla.
Localizziamo dove sono inseriti i file css ricercando il commento

// Add Stylesheets

e troveremo qualcosa del tipo:

// Add Stylesheets
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');

aggiungiamo la riga:

$doc->addStyleSheet('templates/'.$this->template.'/css/fol.css');

per indicare di caricare anche il nostro file CSS (fol.css) dove andremo, come detto poca fa’, a concentrare tutte le nostre modifiche.
Apriamo quindi il suddetto file e inseriemmo le seguenti istruziuoni

body.site {
background-color: #FFFFFF;
background-attachment: scroll;
background-position: 0px 0px;
background-image: url('/../images/sfondo.jpg');
}

I parametri mi paiono autoescplicativi ma potete fare una ricerca con google per trovare spiegato nel dettaglio ognuno di essi ed eventualmente altri che io non ho usato ma che a voi possono tornare utili.
A questo punto per godervi il vostro sfondo personalizzato dovete solo caricare l’immagine sfondo.jpg nella directory jmages del vostro sito.

Alla prossima

Andrea

Lascia un commento