http://ekladata.com/kPpUNHgwyxGoYZVjqgowyvsSOKc@642x361.jpg

 
Le persone sono un rifugio,
e tra tutti.... alcune.... sono come una casa.
Casa dove riposano i pensieri...
dove non c’è da calcolare, misurare, soppesare.
Una casa dove puoi mettere in pigiama la mente
 e goderti il tepore di un camino acceso.
E’ il cuore.
Ci son persone così...
 ...così vicine che
son casa...calore...camino acceso...
E tu stai in pantofole a goderne...
...spettinato, arrabbiato o felice
e risposi dal mondo, dai perchè.
Persone così...
son Amici Speciali
per cui vale la pena di sperare
vivere e lottare.

Creare nuovo post
Incollare un testo esempio:

Le persone sono un rifugio,
e tra tutti.... alcune.... sono come una casa.
Casa dove riposano i pensieri...
dove non c’è da calcolare, misurare, soppesare.
Una casa dove puoi mettere in pigiama la mente
 e goderti il tepore di un camino acceso.
E’ il cuore.
Ci son persone così...
 ...così vicine che
son casa...calore...camino acceso...
E tu stai in pantofole a goderne...
...spettinato, arrabbiato o felice
e risposi dal mondo, dai perchè.
Persone così...
son Amici Speciali
per cui vale la pena di sperare
vivere e lottare.

Clikkare sul bottone <> HTML ed esaminare il codice.

Eliminare <p> all'inizio e </p> alla fine, poi incollare questo codice all'inizio:

<div style="width: 250px; min-height: 150px; margin: 10px; background-color: #bbe7ba;
border: 5px solid #4ea13f; padding: 5px; text-align: left;">

width è la larghezza del quadro e min-height la sua altezza minimale. Le margin è il margine esterno del quadro.
background-color corrisponde al verde chiaro nell'esempio, rimpiazzare #bbe7ba con codice colore di nostra scelta.
border è il bordo verde scuro, che mesura 5px nell'esempio, per cambiare il suo colore modificare #4ea13f.
padding, è la spaziatura interiore, permette che il testo non sia attaccato ai bordi  del quadro , e si può cambiare la distanza 5px.
Infine, text-align corrisponde all'allineamento del testo,  left  destra gauche sinistra, center al centro.

Non dimenticare di aggiungere </div> alla fine del codice.

Inserire immagine con bordo

Cercare questa linea

E incollare il seguente codice

display est la manière dont un élément est affiché, ici, block est un bloc.
float c'est l'emplacement de l'image, dans l'exemple c'est left (gauche), si vous remplacez par right ce sera à droite.
width c'est la largeur de l'image et height sa hauteur.

Une nouveauté:

Si vous mettez -moz-border-radius: 100px 100px 100px 100px; ou lieu de border-radius: 100px 100px 100px 100px; (début de la ligne 2)
c'est ce qui permet de former un cercle autour de l'icon.

border c'est le bord qui forme le cercle en question, pour changer sa couleur vous modifez #4ea13f. Enfin, remplacez urldel'image.png par l'url de votre icon.

Il ne vous reste plus qu'à enregistrer !

In Basso Centrato