Lunedì 29 Marzo 2010 17:29

Inserire un'immagine di sfondo ad un articolo Joomla

Rate this item
(1 Vote)

Chi utilizza Joomla è generalmente abituato alla concezione che l'aspetto grafico degli articoli, al di là della formattazione che possiamo dare tramite l'editor, è gestito completamente dal template. Tuttavia, a volte, si può ritenere necessario sviluppare piccole particolarità grafiche che distinguano un articolo dagli altri. Una di queste possibili necessità è l'inserimento di un'immagine di sfondo in un articolo.

Premessa: non c'è un modo automatico per ottenere questo.

Chi mastica un pochino di HTML sa che si può applicare uno stile particolare ad un blocco (anche un blocco di testo) attraverso i tag div. I tag div servono, appunto, per determinare un blocco HTML. Ad un tag div si possono applicare stili CSS, e, nel nostro caso, immagini di sfondo. Quindi, se riusciamo ad includere il nostro articolo all'interno di un blocco div, e ad applicare a questo blocco un immagine di sfondo, il gioco è fatto.

Per ottenere tutto ciò, quindi, è necessario poter modificare l'HTML dell'articolo (gli editor normalmente lo consentono con una funzione apposita), e racchiudere tutto il contenuto dello stesso all'interno dei seguenti tag:

{codecitation style="brush: xml;"}<div style="background: transparent url(PATH DELLA IMMAGINE.png) repeat scroll;">

...

</div>{/codecitation}

Quello che succede è semplicemente che tutto il blocco DIV nel quale avete racchiuso l'articolo assume lo stile indicato nell'attributo style; di conseguenza, assume come sfondo l'immagine indicata nel codice.