domenica 30 giugno 2013

Come applicare un'immagine di sfondo al titolo di un post

Per rispondere alla richiesta di una lettrice, vi spiego come inserire un' immagine di sfondo al titolo di un post (o ad una parte del post). E' molto semplice perché non bisogna agire sul codice. Vediamo come si fa.
Scrivete il titolo del post poi andate in modalità HTML cliccando sull'apposito tasto in alto a sx nella pagina dove state scrivendo il post.


A questo punto copiate e incollate il seguente codice prima del titolo:

<div style="background:url(URL_Immagine);">

Poi dopo il testo del titolo copiate e incollate questo:

</div>


Fate attenzione, dove dice "URL_Immagine" dovete inserire l'indirizzo dell'immagine di sfondo che avete scelto. Se l'immagine ce l'avete sul vostro computer dovete trasferirla sul web e prelevare l'URL utilizzando il programma online imageshack. Andando su questo sito dovete caricare l'immagine dal vostro computer e automaticamente il programma vi darà un URL per la vostra immagine. 
Tutto qui. Questo trucchetto funziona anche con il testo del post o parte di esso. Basta applicare il codice prima del testo a cui volete applicare lo sfondo e poi terminare col tag di chiusura </div> come abbiamo fatto per il titolo. 

Esempio di un titolo e di parte di un  post a cui è stato applicato un'immagine di sfondo verde a cerchi bianchi.