CSS e classi personalizzati: Applichiamoli anche a Joomla!FAP

[sali40]

L'articolo costituisce guida generale sulla creazione di fogli di stile e classi css personalizzati (nuovi o che sovrascrivano quelli del css di default) e sulla loro implementazione nell'editor wysiwyg.

Come applicazione particolare a Joomla!FAP, consente di creare classi di stile che modifichino il loro aspetto al variare del template (da default ad alto contrasto e viceversa).

LINK: http://www.joomla.it/articoli-della-community/821-css-e-classi-personalizzati-applichiamoli-anche-a-joomlafap.html

[minipower]

Guarda che mancano alcune righe di codice verso metà articolo o almeno io non le visualizzo e nemmeno riesco a selezionarle quindi controlla per favore.
ciao

[sali40]

hai ragione. erano state "strippate" dall'editor

[pulce]

Ciao sali40, se voglio crearmi un file css per un template non fap, come devo adattare il tuo esempio ? Cioè partendo dalla classe body.black .evidenzia{ ... io come devo  chiamarla ?
Forse così: body.mio-template .evidenzia{ ...

[sali40]

dipende dal template. se il template non ha skin, basta solo .evidenzia. Eventualmente mi dai un link?

[pulce]

Grazie per la risposta. Sto facendo delle prove in locale.

L'argomento però mi interessa. Il nome del template è: siteground-j15-69 e l'ho scaricato dalla  sezione download presente qui. Magari puoi darmi qualche dritta ugualmente. Ciao

[sali40]

Nel caso del fap, i colori devono cambiare al cambiare dello skin e quindi è necessario indicare, con la prima parte body etc etc, a quale degli skin occorre applicare qualla classe.

Se il tuo template non ha di questi problemi, basta solo fare un css personalizzato con solo l'indicazione della classe:

Codice: [Seleziona]

.evidenzia{
istruzioni;
per;
la;
classe
}
Ricordati, comunque, di richiamare il tuo css personalizzato nell'index e di costruire un css da dare in pasto all'editor, altrimenti la tua classe non verrà visualizzata nella tendina degli stili dell'editor stesso.

Quest'ultimo css è conveniente che contenga (sia pure come semplici dichiarazioni "di esistenza") anche le altre eventuali classi esistenti nel tuo template

[pulce]

Grazie erano le indicazioni che mi servivano.
Ho provato a farmi un css personalizzato e funziona.
Grande. Grazie ancora.

P.S: Si possono aggiungere anche gli stili di plug-in come xTypo ?
In questo modo si potrebbe evitare di scriverne il codice, es.
{xtypo_sticky}articolo ...{/xtypo_sticky}

[sali40]

non conosco il plugin. Se il plugin prende le classi dal css puoi farlo certamente.

Se il plugin ha, invece, le sue classi inserite nei file del plugin stesso (sotto forma di css o sotto forma di classi dichiarate direttamente nel file .php, allora è un po più complicato.

Il plugin, infatti, viene letto quando occorre e quindi ben dopo che sono stati caricati i css.

Dovresti, quindi, eliminare le classi css dal file in cui stanno e metterle nel tuo css personalizzato.

A questo punto ti conviene modificarle li dove stanno e lasciarle li

[pulce]

Il plug-in lavora molto bene dando varie formattazioni al testo, anche personabilizzabili. Non è facile modificarlo. Comunque basta dare gli appropriati comandi (come avevo detto prima) per assegnare l'effetto e questa è una scomodità relativa.
Ciao e grazie di tutto