Kod: Zaznacz cały
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"><style type="text/css">.weke{margin-top: -100px; margin-left: 250px; width: 200px; height: 100px; background-color: #f6f6f6;border-radius: 0px 20px 40px 0px; opacity: 0; -moz-transition-duration: 1.3s; -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s;}.weke:hover {margin-left: 320px;width: 200px; height: 95px; background-color:rgb(252, 252, 252, 0.1); opacity: 1; -moz-transition-duration: 1.3s; -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s; } .mess{width:100px; height: 100px;position:relative;border-radius: 90px; border: 3px solid white;box-shadow: 2px 2px 1px #ebebeb}.mess2{font-family: Lobster; font-size: 14px; color: c30709; text-shadow: 1px 2px 1px #aaa; margin-left:270px; margin-top: -100px; background-color: f6f6f6; border-radius: 0px 20px 40px 0px; width:290px; height: 100px;}.ol{width: 200px; height: 100px;margin-top: -55px; margin-left: -150px; position:relative}.txt{width: 160px; height: 100px; overflow: auto; font-family: arial; font-size: 11px; color: #000; text-align: justify; margin-left: 95px; background-color: f6f6f6; line-height: 14px;}</style><div style="margin-left: -300px;"><center><br><img src="https://64.media.tumblr.com/302ef109fca07b741d1439fd68fd0b54/tumblr_pzkrqh1ujd1rcdptyo1_250.gif" class="mess"><div class="mess2"><br><br><div style="margin-left: 50px;">masz 1 nową wiadomość</div></div><div class="weke"><div class="ol"><div class="txt"><br>tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst</div></div></div></div></center>
U mnie jakoś leci.. .może spotkamy się na jakiegoś drinka? Dziś lub jutro? Znajdziesz dla mnie chwilę? 
