SCHEMI E CODICI PER SOCIAL

<div style="font-size: 13px; font-family: tahoma; width: 400px; background-color: #fff; color: #fff; border: 3px double #efefef"><div style="width: 400px; height: 50px; background-image: url('http://funkyimg.com/i/2ezxw.png'); line-height: 58px; repeat: no-repeat;  letter-spacing: 1px; text-align: center">Nome del Personaggio</div> <div style="width: 400px; height: 160px; background-image: url('http://funkyimg.com/i/2ezyv.jpg'); line-height: 390px; repeat: no-repeat; font-weight: bold; letter-spacing: 1px; text-align: center"><img style="width: 100px; border: 1.5px solid #fff; border-radius: 3px; box-shadow: 0px 0 5px #555; margin-top: 100px" src="http://funkyimg.com/i/2ezyG.jpg"></div><div style="padding: 50px 0px 5px 0px; font-size: 17px; text-align: center; color: #000; line-height: 17px">Nome Personaggio <div style="">(Soprannome)</div></div> <img src="http://funkyimg.com/i/2ezzY.png"> <div style="width: 12px; height: 12px; background-image: url('http://funkyimg.com/i/2ezBd.png'); line-height: 12px; repeat: no-repeat; letter-spacing: 0.5px; font-size: 11px; text-align: center; color: #555; margin-left: 10px; margin-bottom: 3px"><div style="padding-left: 18px; width: 200px; text-align: left">RESIDENZA</div></div> <div style="width: 12px; height: 12px; background-image: url('http://funkyimg.com/i/2ezC8.png'); line-height: 12px; repeat: no-repeat; letter-spacing: 0.5px; font-size: 11px; text-align: center; color: #555; margin-left: 10px; margin-bottom: 2px"><div style="padding-left: 18px; width: 200px; text-align: left">SITUAZIONE SENTIMENTALE</div></div> <div style="width: 12px; height: 14px; background-image: url('http://funkyimg.com/i/2ezCe.png'); line-height: 15px; repeat: no-repeat; letter-spacing: 0.5px; font-size: 11px; text-align: center; color: #555; margin-left: 10px; margin-bottom: 3px"><div style="padding-left: 18px; width: 200px; text-align: left">LUOGO DI NASCITA</div></div> <div style="width: 12px; height: 12px; background-image: url('http://funkyimg.com/i/2ezD4.png'); line-height: 15px; repeat: no-repeat; letter-spacing: 0.5px; font-size: 11px; text-align: center; color: #555; margin-left: 10px; margin-bottom: 3px"><div style="padding-left: 18px; width: 200px; text-align: left">SITUAZIONE LAVORATIVA</div></div><img style="margin-top:10px" src="http://funkyimg.com/i/2ezDt.png"> <div style="width: 30px; height: 30px; background-image: url('http://funkyimg.com/i/2ezF6.png'); line-height: 30px; repeat: no-repeat; letter-spacing: 0.5px; font-size: 12px; text-align: center; color: #333; margin-left: 10px; margin-bottom: 3px"><div style="padding-left: 35px; width: 200px; text-align: left;"><b>Amici</b> &#8901; <span style="color: #888">466 amici</span> </div></div> <table align="center"><tr> <td><img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"></td>  </tr>
   <tr> <td><img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"></td>  </tr>  
   </table> <div style="background-color: #fff; padding:3px; text-transform:uppercase; font-size: 7px; color:#999; letter-spacing: 3px; text-align:center; margin-top: 3px; ">code © <a href="http://tigerdirty.forumfree.it/?act=Profile&MID=8092177">psiche</a></div></div>

<div style="font-size: 13px; font-family: tahoma; width: 400px; background-color: #fff; color: #fff; border: 3px double #efefef">
<table style="color: #222; font-size: 14px"><tr><td width="17%"><img style="width: 40px; padding: 0px 5px 5px 10px" src="http://funkyimg.com/i/2ezyG.jpg"></td><td width="83%" style="line-height: 13px"><b>Nome Personaggio</b> <div style="color: #888; font-size: 10px">40 min. &#8901; Luogo, luogo &#8901;</div></td></tr><tr>
<td colspan="2" style="font-size: 11px; color: #555; padding-left: 10px">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</td></tr></table></div>

<div style="font-size: 18px; font-family: arial; width: 400px; background-color: #fff; color: #262626; border: 3px double #efefef"><div style="width: 400px; height: 45px; background-image: url('http://i.imgur.com/39271vv.png'); line-height: 45px; repeat: no-repeat; font-weight: bold; letter-spacing: 0.5px; text-align: center">@nickname</div><table cellpadding="0" cellspacing="0" width="100%"><tr><td rowspan="2" ><img style="border-radius: 100%; width: 90px; margin: 10px 0px 0px 15px;" src="http://i.imgur.com/erPpcZm.png"></td><td style="padding: 20px 10px 0px 10px; height: 10px"><div style="text-align: center;">1363</div> <div style="font-size: 11px; text-align: center; color: #999999; letter-spacing: 1px">post</div></td> <td style="padding: 20px 10px 0px 10px; height: 10px"><div style="text-align: center;">161k</div> <div style="font-size: 11px; text-align: center; color: #999999; letter-spacing: 1px">follower</div></td><td style="padding: 20px 10px 0px 10px; height: 10px"><div style="text-align: center;">212</div> <div style="font-size: 11px; text-align: center; color: #999999; letter-spacing: 1px">segui già</div></td></tr><tr style="line-height: 10px"><td colspan="3"><div style="background-color: #70c050; padding: 6px; color: #fff; font-size: 8px; text-transform: uppercase; text-align: center; letter-spacing: 1px; border-radius: 2px; margin-right: 10px; height: 10px; line-height: 12px; ">&#10003; segui già</div></td></tr></table><div style="padding: 5px 0px 5px 10px; font-size: 13px; font-weight: bold">Nome Personaggio</div><div style="padding: 0px 0px 3px 10px; font-size: 12px; letter-spacing: 0.5px; line-height: 15px">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</div><div style="padding: 0px 0px 3px 10px; font-size: 12px; letter-spacing: 0.5px">http://linkcanzone</div><img style="width: 400px" src="http://i.imgur.com/rO8MEFY.png"><div style="height: 250px; overflow: auto"><table align="center"><tr> <td><img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"></td>  </tr>
<tr> <td><img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"></td>  </tr>  
<tr> <td><img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"> <img style="margin: 2px; width: 115px;" src="http://i.imgur.com/erPpcZm.png"></td>  </tr> </table> </div><img style="width: 400px;" src="http://i.imgur.com/GyuosPZ.png"><div style="background-color: #fff; padding:3px; text-transform:uppercase; font-size: 7px; color:#999; letter-spacing: 3px; text-align:center; margin-top: 3px; ">code © <a href="http://tigerdirty.forumfree.it/?act=Profile&MID=8092177">psiche</a></div></div>

<div style="width: 350px; background: transparent; padding: 2px; font: 10px verdana; color: #333; text-align: left"><b>Nome Cognome</b>   <div style="background: #ddf7c8; padding: 13px; border-radius: 20px; text-align: justify; font: 10px verdana">testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo <div style="padding: 4px; text-align: right; color: #a3ad95">orario &#10004;</div></div> </div>