Articolo: ckeditor testo sopra immagine

Con Ckeditor ma in HTML si puo fare. Automaticalmente non so...

Grazie per la risposta alen, cercavo qualcosa di semplice, se possibile.
Mi spaventa l'idea di dover toccare il tema.

Ciao,
anch'io non so se si può fare automaticamente con CKEditor, però una volta che hai scritto il testo dell'articolo puoi inserire un CSS in linea (background-image) nel tag "p" del paragrafo. 

I miei limiti, che sono molti, mi frenano non tanto su come reperire codice css o html, ma sul fatto poi di associare quel tipo di comando all'articolo in questione e solo a quello e di non trovarmi la modifica su tutto il tema. Quest'ultima cosa mi blocca parecchio.

L'uso del CSS in linea è indicato proprio per apportare modifiche solo a quel tipo di contenuto/tag. Quindi se applichi il comando solo per il tag "p" di quel solo articolo non rischi di modificare altre parti. 

Intanto grazie per la pazienza Achille,
se ho ben capito, scrivo l'articolo, lo pubblico, poi ispezionando l'elemento risalgo al file pagina.php che gestisce l'articolo e direttamente all'interno di quella scrivo due righe di codice css.
Giusto?

Si puo mettere tutto testo di articulo in
<div style="background-image: url(images/bg.jpg);">

...

</div>

url si puo prendere da imce

Ma sarebbe meglio modificare template...

No, è molto più semplice.
Scrivi l'articolo con CKEditor, appena hai finito prima di andare a salvare la pagina clicchi "Switch to plain text editor" (lo trovi sotto al riquadro in cui hai inserito l'articolo), facendo così passi dalla modalità WYSIWYG alla modalità normale e ti accorgerai che il tuo articolo ha sia all'inizio che alla fine dei simboli di maggiore/minore con all'interno la lettera P. E' proprio lì che andrai ad inserire il CSS in linea con questa formula: style="background-image: url('nome_url_dove_hai_inserito_immagine.jpg')" 
Ricordati poi di cambiare da Filtered HTML a Full HTML.
Per avere un esempio vedi qui: http://www.html.it/faq/come-si-scrive-un-css-in-linea/

ho capito sembra semplice sto facendo delle prove ma mi manca qualcosa:
esempio

full html scrivo:
ciao ciao

plain text mi ritrovo:
<p>ciao ciao </p>

quindi in plain text correggo
<p>style="background-image: url('/sites/all/img/foglie_leggere.png')" ciao ciao </p>

torno in full html e mi ritrovo:
style="background-image: url('/sites/all/img/foglie_leggere.png')" ciao ciao

mi mancano proprio le basi è....

Ci sei quasi.
<p style="background-image: url('/sites/all/img/foglie_leggere.png')"> ciao ciao </p>

Il CSS va inserito dentro al tag

non ancora,
switchando da plaintext a full html ok, sparisce il comando e quindi dovrebbe essere "inglobato"
ma nella pagina pubblicata non mi ritrovo l'immagine.

Quando torno a modificare l'articolo e torno su plaintext e scomparso il mio codice..

qualcosa ho ottenuto, copiando in giro. devo capire la differenza

<table style="background-image:url(/sites/all/img/foglie_leggere.png);">
<tr><td>
This table has background image set.
</td></tr>
</table>

Presumo che sia colpa ci CKEditor. Sulle mie pagine il comando funziona correttamente. (non ho installato quel modulo)

Stavo notando la differenza tra queste due righe, oltre ad una differente sintassi la prima è senza un ";" puntevirgola dopo lultima ")" parentesi è giusto che sia così?

<p style="background-image: url('/sites/all/img/foglie_leggere.png')">
<table style="background-image:url(/sites/all/img/foglie_leggere.png);">

ho detto una scemenza fatta la prova del punto e virgo non cambia nulla.

così non funziona
<p style="background-image: url('/sites/all/img/foglie_leggere.png')"> ciao ciao </p>

così funziona
<table style="background-image:url(/sites/all/img/foglie_leggere.png);">
<tr><td>
This table has background image set.
</td></tr>
</table>

In modo Full HTML bottone Source
http://prntscr.com/3jhorf
http://prntscr.com/3jhp8k
Solo in fine tuttu testo chiudi </div>
resultato
http://prntscr.com/3jhq99

così non funziona
<p style="background-image: url('/sites/all/img/foglie_leggere.png')"> ciao ciao </p>

; - roba principale :)

Grazie Alen così funziona:
<div style="background-image: url('/sites/all/img/foglie_leggere.png'); background-repeat: no-repeat;">
<p>ciao ciao</p>
</div>

L'immagine, che in questo caso era grande, viene visualizzata per il solo spazio occupato dal testo.
Credo ci siano dei comandi per  scalare  e posizionare l'immagine.

Qualora volessi applicare questo sfondo ad un webform dovrei invece modificare proprio la pagina.php?

Grazie moltissime a tutti. Andrea

Tutti webform con immagini diversi? Puo mettere link su sito?
Sarebbe bello imparare CSS...

In questo caso il webform è 1, sia in italiano che in inglese node/27(italiano) e node/28(inglese
Vediamo se ho capito, facciamo un esempio su l'italiano:
prendo la pagina tipo del sito in questo caso page.tpl.php
ne faccio una copia page--node--27.tpl.php

poi lo modifico e all'altezza del content o del main-content scondo il gusto
inserisco
<div style="background-image: url('/sites/all/img/foglie_leggere.png'); background-repeat: no-repeat;">
in modo che solo su quella pagina ho un fondo come dico io

Giusto?

non serve modificare page.tpl.php in questo caso. Se  mette link auto meglio

perdonami se non ti do ancora il link ma se non arriva il capo....
non per il sito ma perchè ha messo una password e dovrei chiedere a lui.

Nel frattempo faccio dei progressi:
ho fatto cosi, ho ispezionato la pagina webform ed il contenitore al quale vorrei applicare lo sfondo si chiama content, la sua misura è 960x1346px
ho preparato un immagine di queste dimensioni (sfondo_webform.png) e l'ho caricata

nel css elemento è inline, ho provato ad aggiungere due righe (nel browser)

elemento {
    background-image: url('/sites/all/img/sfondo_webform.png');
    background-repeat: no-repeat;
}

questo modifica anche analisi della pagina

<div id="content-inside" class="clearfix" style="background-image: url("/sites/all/img/sfondo_webform.png"); background-repeat: no-repeat;">

e in parte funziona, l'allineamento dell'immagine non è proprio come desideravo

Le domande:
applicare il css alla sola pagina webform?
allineare l'immagine secondo le mie aspettative?
nel senso se ho un box 100x100 e gaccio un immagine 100x100 perché non ci va a finire proprio dentro perfetta e invece si sposta

Grazie Ancora, Andrea.

Per l'allineamento dell'immagine ho risolto,
era più grande l'immagine, che stupido!

Ciao Alen sembra di aver risolto:
ho creato la pagina .php per il webform e ho modificato la linea del contenitore

<div id="content-inside" class="clearfix" style="background-image: url("/sites/all/img/sfondo_webform.png"); background-repeat: no-repeat;">

ed ha funzionato.

Sono curioso, sempre quando hai tempo, di sapere qual era l'altra strada percorribile.
Grazie molte.
Un saluto Andrea.

Ciao!
per esempio su pagina http://tamtam.foto-media.ru/scheda-di-iscrizione-2013

funziona in file global.style.css in cartela con tema aggungere questo
#node-21{

background-image: url("/sites/all/img/sfondo_webform.png");
background-repeat: no-repeat;
...
}
A me non serve login e password, solo link, ti dico con firebug dov'è aggungere css e per qualle elemento.