Questo è il codice da aggiungere al tuo template
.alert {
background: url("../images/typo/alert.png") no-repeat scroll 10px 50% #FFD5D5;
border: 1px solid #FFACAD;
color: #CF3738;
}
nel back-end devi creare i paragrafi inserendo la classe così:
<p class="alert"> il tuo testo<p>
è possibile anche inserire questi stili direttamente con l'editor jce, potendone vedere anche l'anteprima. Ad esempio se usi jce crei un file un file css, magari rinominandolo typo.css, fai in modo che venga caricato nella index del tuo template, lo inserisci nelle opzioni di jce.........
Adesso nell'editore nel menu style verrà visualizzato gli/lo stili creati/o
Puoi fare la stessa cosa anche con tinymce.
per maggior dettagli fai una ricerca con google esistono un po di guide che spiegano nel dettaglio come fare.
P.S.
se fai caso al percorso dell'immagine, fa riferimento ad una posizione che solitamente viene utilizzata per inserire un set di icone da utilizzare per questo scopo.
Molti template mettono a disposizione il file css con vari stili da inserire direttamente dall'editor......basta semplicemente impostare percorso e nome file nelle impostazioni dell'editor.
