JOOMLA 3.3, CAMBIARE SFONDO TINYMCE.
Salerno, sabato 22 agosto 2020.
Per cambiare sfondo TinyMCE ad alcune o a tutte le pagine del proprio sito Joomla! occorre anzitutto accedere al Template CSS effettuando i seguenti passaggi:
Back end > Estensioni > Plugin > Editor TinyMCE >Template CSS Classes.
Fatto ciò, abbiamo due possibilità.
Opzione 1: Template CSS classes è su ON.
In questo caso le proprietà di stile sono definite dal CSS: templates/system/css/editor.css
Per modificare il colore dal body da bianco (#fff) a grigio scuro, inserire la seguente riga:
body { background: #333; font-family: Tahoma,Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 76%; color:; }
Ho inserito il colore (grigio scuro) al posto di #fff (bianco).
Opzione 2: Template CSS classes è su OFF.
In questa seconda ipotesi le proprietà di stile sono definite dal CSS presente nella cartella: media/editors/tinymce/skins/lightgray.
In particolare il foglio di stile è: media/editors/tinymce/skins/lightgray/content.min.css
Anche in questo caso si può procedere come sopra, modificando il background-color del body (il file è minimizzato, ma è piccolo e comunque è la prima cosa della riga):
body{background-color:#999;
Ovviamente la riga nel codice sopra è tagliata al punto e virgola.
Per personalizzare lo stile, occorre aggiungere un proprio CSS e usare il campo Custom CSS classes.
@@@
SINTESI:
Vi sono due possibilità.
Back end > Estensioni > Plugin > Editor TinyMCE >Template CSS classes.
Opzione 1: Template CSS classes è su ON.
In questo caso le proprietà di stile sono definite dal CSS: templates/system/css/editor.css
Per modificare il colore dal body da bianco (#fff) a grigio scuro, inserire la seguente riga:
body { background: #333; font-family: Tahoma,Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 76%; color:; }
Ho inserito il colore (grigio scuro) al posto di #fff (bianco).
Opzione 2: Template CSS classes è su OFF.
In questa seconda ipotesi le proprietà di stile sono definite dal CSS presente nella cartella: media/editors/tinymce/skins/lightgray.
In particolare il foglio di stile è: media/editors/tinymce/skins/lightgray/content.min.css
Anche in questo caso puoi procedere come sopra, modificando il background-color del body (il file è minimizzato, ma è piccolo e comunque è la prima cosa della riga):
body{background-color:#999;
Ovviamente la riga nel codice sopra è tagliata al punto e virgola.
Per personalizzare lo stile, occorre aggiungere un proprio CSS e usare il campo Custom CSS classes.
@@@
