•  

    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

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

    E incollare il seguente codice

    <span style"display: block; float: left; width: 100px; height: 100px;
    border-radius: 100px 100px 100px 100px; margin-right: 10px; border: 3px solid #4ea13f;
    background: url('urldel'image.png') no-repeat;">&nbsp;</span>

    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 !

    « TESTO ED IMMAGINI SCORREVOLIQuadro bordato »

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :