WSTECZ | SZABLON WIADOMOŚCI TEKSTOWYCH

Merc stwierdził, że fajnie byłoby mieć szablon smsów na forum, więc dzisiaj z nudów zacząłem coś sklejać i wyszło to co widać. Generalnie nie przejmujcie się tym, jak będzie wyglądał podgląd, bo coś się z nim pieprzy. Po wysłaniu wiadomość powinna wyglądać tak, jak widać to na załączonym poniżej szablonie.

MASZ 1 NOWĄ WIADOMOŚĆ OD: XXX

Oto zajebista treść wiadomości, dla sprawdzenia, czy wszystko działa poprawnie. Tak naprawdę nie wiem, co powinienem tu napisać. Robię jakiś chujowy kod, wmawiając sobie, że wcale nie mam ważniejszych rzeczy do roboty, ale raz się żyje.

Kod:

<link href='http://fonts.googleapis.com/css?family=Unica+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<center><div style="width: 300px;">
<div style="background-color: #8eb7cb; width: 270px; height: 120px; border: 5px solid #8eb7cb; border-radius: 10px;"><div style="background-color: #fff; height: 30px; width: 270px; border-radius: 0 10px 0 0;"><div style="width: 200px; font-family: 'Unica One', sans-serif; position: absolute; margin-left: 59px; margin-top: 7px; text-align: justify;">MASZ 1 NOWĄ WIADOMOŚĆ OD: XXX</div></div>

<div style="background-color: #fff; height: 84px; width: 240px; border-radius: 0 0 10px 0; margin-left: 30px; margin-top: -29px; position: absolute;"><div style="width: 190px; height: 72px; position: absolute; margin-left: 24px; overflow: auto; margin-top: 5px; text-align: justify; font-size: 10.3px; padding-right: 5px;">Oto zajebista treść wiadomości, dla sprawdzenia, czy wszystko działa poprawnie. Tak naprawdę nie wiem, co powinienem tu napisać. Robię jakiś chujowy kod, wmawiając sobie, że wcale nie mam ważniejszych rzeczy do roboty, ale raz się żyje.</div></div>

<div style="width: 40px; height: 50px; position: absolute; color: #fff; margin-top: -53px; margin-left: -6px;"><img src="https://i.imgur.com/UiB8Urp.png"></div>

<div style="width: 60px; height: 60px; border-radius: 360px; position: absolute; margin-top: -150px; margin-left: -15px; border: 3px solid #8eb7cb; box-shadow: 0 1px 4px #333;"><img src="http://solwee.org/static/media/default-avatar.jpg" style="width: 60px; height: 60px; border-radius: 360px;"></div></div></div></center><br>