Cambiare le impostazioni CSS di una sola pagina in Joomla!

Come fare per cambiare la grafica di una o alcune pagine in Joomla!, senza stravolgere il template o dannarsi l'anima.

In Joomla! la definizione dello stile del sito avviene attraverso uno o più file CSS che vengono richiamati per tutte le pagine del sito allo stesso modo.

Può succedere che però si voglia assegnare ad un articolo particolare - ad esempio - uno sfondo diverso dal solito.
Oppure si vuole inserire una regola CSS particolare solo per alcuni articoli. Come fare?

E' possibile creare un modulo che richiami alcune regole CSS solo in talune circostanze:

Creo un modulo di tipo Custom XHTML. Lo associo alla voce di menu che mi interessa (posso creare un menu invisibile con gli articoli che mi interessa modificare)

Indicare la posizione del modulo. E' importante che nessun altro modulo abbia la stessa posizione di questo. Nel caso, creare una nuova posizione.

Inserire in Custom Output il codice CSS che vogliamo cambiare, ricordandoci di inserirlo in modalità HTML.

Ad esempio

#main div {
background-color: white;
}

Inserire nel template la direttiva

<style>
<jdoc:include type="modules" name="header" />
</style>

appena prima del tag </head>, o perlomeno dopo che vengono richiamati i file CSS.

In questo modo quando si accede alla pagina indicata verrà richiamato il codice CSS specifico. Se si desiderano inserire molte regole CSS, è opportuno richiamare un file CSS esterno, sempre utilizzando lo stesso metodo.

Provare per credere

Tags: CSS, Joomla, Joomla-1.5, Moduli-Joomla, XHTML
Articoli correlati:

• Nuove estensioni per Joomla!, solo per voi! (non è vero) (2)
• Joomla e Google Analytics (11)
• Estensioni per gestire le immagini (0)
• Due nuovi templates per Joomla! (0)
• Alcune utili estensioni per Joomla! (0)

Questo post è stato scritto Tuesday, February 19th, 2008 alle 10:15 am ed è appartiene alle seguenti categorie: Joomla. Puoi seguire i commenti di questo post grazie al feed RSS 2.0. Puoi lasciare un commento, o farmi un link dal tuo sito.