Pubblicato il 28/06/09 - aggiornato il  | 7 commenti :

Come inserire un colore di sfondo (background) o un’immagine ad una parte del nostro articolo.

Per ravvivare un articolo può essere interessante cambiare il background di una parte del testo per cercare di evidenziarlo maggiormente.

Il codice che si deve usare in questo caso è molto semplice

<div style="background:#FFFFFF; padding:5px 8px 5px 8px;">
INSERISCI IL TESTO
</div>

  • al posto di INSERISCI IL TESTO digitiamo quello che vogliamo sia visualizzato con un colore di sottofondo diverso.
  • al posto di #FFFFFF inseriamo il codice Hex del colore che vogliamo come sottofondo. Il codice proposto non è altro che il bianco
  • In padding scegliamo i pixel che devono intercorrere tra il testo ed il background, 5 sono quelli verticali, 8 quelli orizzontali

Se si passa alla modalità HTML e si incolla il codice ecco in un esempio quello che si può vedere

Tanto gentil e tanto onesta pare
la donna mia quand'ella altrui saluta,
ch'ogne lingua deven tremando muta,
e li occhi no l'ardiscon di guardare.
Ella si va, sentendosi laudare,
benignamente d'umilta' vestuta;
e par che sia una cosa venuta
da cielo in terra a miracol mostrare.
Mostrasi si' piacente a chi la mira,
che da' per li occhi una dolcezza al core,
che 'ntender non la puo' chi no la prova;
e par che de la sua labbia si mova
uno spirito soave pien d'amore,
che va dicendo a l'anima: Sospira.

in cui ho mantenuto la formattazione della poesia ed eccone un altro senza formattazione

Questo blog è nato alla fine del Gennaio 2008 ma è stato semiabbandonato per mesi e solo dal Giugno di un anno fa viene aggiornato con regolarità. In questo anno di tempo mi sono accorto che è praticamente impossibile scrivere delle complete recensioni su tutti i siti e servizi web che lo meriterebbero. Voglio quindi inaugurare una rubrica in cui elenco, con solo una breve spiegazione, quei siti che non ho il tempo di recensire in modo adeguato ma che comunque meritano attenzione. La rubrica avrà una cadenza settimanale (giorno più, giorno meno) e nel caso qualche lettore fosse interessato ad un sito o una funzionalità elencata, oppure ne avesse già una buona conoscenza sarei lieto che integrasse le informazioni presenti con dei commenti.

Si può anche inserire un’immagine di sottofondo. In questo caso per prima cosa va caricata su un hosting gratuito tipo Skydrive. I successivi passaggi sono

  1. Si acquisisce l’URL dell’immagine
  2. Si scrive la porzione di testo in cui si vuole  mettere l’immagine come sottofondo
  3. Si passa alla modalità HTML

Nel punto in cui si vuole che inizi il sottofondo si incolla il seguente codice

<div style="background:url(URL_immaine) no-repeat;">

mentre nel punto in cui si vuole che finisca si incolla il tag

</div>

come mostrato in questo screenshot.

image

Se si toglie l’attributo in rosso no-repeat l’immagine si visualizzerà fino a dove si è inserito il tag di chiusura </div>. Ecco come 

Il Michael Jackson persona era veramente un esempio di come non si dovrebbe essere. Non mi riferisco solo agli episodi di pedofilia da cui è stato assolto e che li sono costati un sacco di soldi per pagare il silenzio dei familiari dei “suoi giovani amici” ma anche a tutta la sua vicenda personale.

    * La mania della chirurgia plastica che lo aveva fatto diventare una specie di essere “non umano”
    * L’altra mania di voler diventare a tutti i costi bianco che presuppone una notevole fragilità morale
    * Il dilapidare di immense fortune in futili realizzazioni che sono in bella mostra nella sua dimora di Wonderland. Cito tra tutti un treno che attraversava la proprietà

E’ sempre difficile scindere l’uomo dall’artista ma nel suo caso penso che si possa fare e una cosa gli va sicuramente riconosciuta. I videoclip esistevano anche prima di lui ma Michael Jackson è stato il primo a capirne l’importanza.



7 commenti :

  1. Ciao Ernesto,
    e se voglio evidenziare solo alcune parti del testo (o una frase) in "stile" evidenziatore?

    ...io so come fare, ma, altri non son in grado e potrebbero essere interessati.

    Ciao

    RispondiElimina
  2. @Mr Nessuno
    Io conosco questo metodo.
    Se ne conosci uno diverso fammelo sapere :-)

    RispondiElimina
  3. Ernesto,
    è possibile fare l'evidenziatura in modo semplice con l'editor di blogger, ma solo se entri in draft, dopo il colore carattere c'è l'evidenziatore.

    Ciao

    RispondiElimina
  4. @Carlo
    Non mi ero accorto di questa possibilità. Ho subito rimediato.
    Grazie

    RispondiElimina
  5. ciao parsifal32, sai vorrei creare un mio template con photoshop e poi caricarlo su blogger.
    e' possibile avere un tutorial di come caricare il template con i relativi codici HTML? ti ringrazio molto, ciao da fruttella.

    RispondiElimina
  6. @fruttella
    Dai uno sguardo agli utimi due strumenti proposti in questa lista. Specialmente l'ultimo mi sembra l'ideale :)

    RispondiElimina
  7. si gli ultimi due link sono ottimi, c'e' anche una buona guida per photoshop!! :))
    cmq non e' il template che cerco ...quello che cerco e' : come caricare il template su blogger da photoshop?.... forse c'e' scritto ma sono io che non l'ho ancora trovato!!
    provero' a cercare ancora...
    grazie di aver risposto, ciao.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy