Handyvorlage

<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'><style type="text/css">.handy {width:245px;height:438px; background-image: url('http://s14.directupload.net/images/140515/7nrxb4yy.png');position: relative; } .standbyz {width: 212px; height: 319px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 0.0; background-image: url('http://s14.directupload.net/images/140515/lcrxv9kw.png'); } .standbyz:hover {width: 212px; height: 319px; opacity: 1.0; background-image: url('http://s14.directupload.net/images/140515/lcrxv9kw.png');} .name {height: 27px;background-color:#404040;font-family: 'Lato', sans-serif; font-size:20px;color:#cfcfcf;padding-top:3px;} .mess {text-align:justify; max-height:275px; overflow:auto; background-color:#ededed; border:1px solid #202020; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; font-family: 'Lato', sans-serif; font-size:12px; color:#202020; padding: 2px 2px 4px; margin:3px;line-height: 12px;}</style>
 <center><div class="handy"><div style="width: 212px; height: 319px; background-image: url('http://placehold.it/212x319');position:absolute; top:68px;left:17px;"><div class="standbyz"><div class="name">Name</div><div class="mess">Deine Nachricht
 <div style="font-size:9px;text-align: right;font-style:italic;color:#202020;">DATE</div></div></div></div>
 </div><div style="font-family:arial;font-size: 8px;line-height: 7px;">by <a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=100">lakota</a> at tcp</div></center>