Condividi su FacebookCondividi su Google PlusCondividi su TwitterCondividi su LinkedInSegnala per email

Modifica della struttura di un template di Joomla

A pagina 56 si rimanda al sito per migliorare le modifiche riguardo alle dimensioni delle posizioni di un template. Ecco il relativo approfondimento Approfondimento di Luca Racchetti

La soluzione che mi sento di proporre è modificare i file come negli esempi allegati.

La figura sottostante mostra il risultato.

Le posizioni ora occupano l'area dei contenuti

Ho cercato di evidenziare le modifiche fatte al codice mettendoci un bel po' di acapo prima e dopo.

Per farlo largo come il blocco centrale ho dovuto usare la classe container e di conseguenza ha il bordo bianco.

Forse c'è un altra soluzione che è molto più interessante, ma per spiegarla sarà necessario un altro approfondimento: utilizzare @media, che serve a definire la dimensione dello schermo a cui applicare le successive dichiarazioni di classi.

Creando lì dentro le classi apposite, si riesce a fare un nuovo div che fa da contenitore (il corrispettivo del container) per i due blocchi affiancati.

Nel css li ho colorati in modo che siano più visibili.

Condividi su FacebookCondividi su Google PlusCondividi su TwitterCondividi su LinkedInSegnala per email
Allegati:
Scarica questo file (Allegati.zip)Allegati.zip[Contiene i file: index.php del template, template css (il file CSS del template) e il file templateDetails.xml (il file con le istruzioni per l'uso del template)]27 kB