Joomla - Mettere un immagine di sfondo o il colore su un articolo

http://docs.joomla.org/Put_a_background_image_or_color_on_an_article

È possibile inserire un'immagine di sfondo o il colore in un articolo attenendosi alla seguente procedura:

  1. Aprire l'articolo per la modifica con TinyMCE o un altro editor

    1. Premere il pulsante 'Modifica origine HTML' e inserire il codice sotto indicato all'inizio di questo articolo: For an image:

<div style="background-image: url('/images/stories/key.jpg')">

For a color:

<div style="background-color: #dddddd">

Sostituire l'immagine desiderata o il colore nel codice precedente. Se si utilizza l'editor TinyMCE, non è necessario aggiungere la chiusura</div> il tag alla fine di questo articolo, in quanto TinyMCE aggiungerà per voi automaticamente.

 

Se si desidera controllare lo stile dal file CSS, è possibile inserire un attributo di classe invece di un attributo style. Ad esempio, seguire i passi (1) e (2) di cui sopra, ad eccezione di inserire questo codice:

<div class="mynewclass">

Quindi aprire il file CSS (normalmente  <Joomla! home>/templates/CSS/template.css) E aggiungere qualcosa di simile:

div.mynewclass { background-color: red; }

Se si desidera avere sfondi diversi per le diverse voci di menu, è anche possibile utilizzare il parametro Suffisso Classe Pagina della voce di Menu per creare nuove classi CSS e quindi aggiungere i comandi di stile nel file CSS.

Inserire uno sfondo in un articolo

click sul pulsante <> per vedere il codice css

all’inizio del codice inserire:

<div style="background-image: url('indirizzo immagine'); background-repeat: repeat;">

es:

<div style="background-image: url('https://lh4.googleusercontent.com/-I-mM0l7V6jg/VFPd_GI1ifI/AAAAAAAACMw/Q7MywZpT83I/w544-h788-no/Folignocammina_0a.jpg'); background-repeat: repeat;">

es:

<div style="background-color: yellow;">