SMS #1

Po dość sporej jak na mnie przerwie wracam. W zasadzie to nie tak na stałe, bo nadal zżerają mnie inne roboty, ale nie mogę pozwolić żeby mi nagle blog umarł.
Więc wrzucam mały kodzik na smsa. Jak dobrze pójdzie dorobię też kod na obrazki pod tematy, a dodatkowo mam w zanadrzu śliczny podpis (zamówienie, więc pomysł nie mój - stąd taki otwarty zachwyt, nie jestem aż takim narcyzem :D)

Dobra, mam nadzieję, że się podoba! Pewnie coś się poprzesuwa w tym kodzie poniżej, ale przy testowaniu działało. Jakby co pisać, pobawimy się marginami itd :)

Może jakiś super szałowy kod to to nie jest, ale może ktoś lubi takie prostsze "byle co". :)

	Nowa wiadomość od: carolyn
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nibh nulla, euismod id congue id, congue id congue id congue id congue id congue id congue idluctus eget risus. Nunc adipiscing libero et ornare eleifend.

KOD:

<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'><style>.sm1{width:100px; height:100px; border-radius:100px; border:1px solid #88390f;}.sm2{width:200px; height:100px; background-color:#f5d797; position:relative; border:1px solid #88390f; }.sm2:hover{opacity:0; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.sm3:hover{opacity:1; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.sm25{font-family: 'Special Elite', cursive; font-size:20px; width:190px; text-align:center; color:#c36736;}.sm3{width:200px; height:98px; background-color:#f5d797; margin-top:-103px; border:1px solid #88390f; position:relative; opacity:0; transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;-htm-transition: all 2s ease;-webkit-transition: all 2s ease;}.sm4{font-family:tahoma; height:75px; font-size:10px; text-transform:uppercase; text-align:justify; overflow:auto; padding:8px; color:#88390f;}</style><center><table><tr><td rowspan=2><a href="http://carolyns-workshop.blogspot.com/"><img src="http://i.imgur.com/AnvAjFL.jpg" class="sm1"></a></td><td class="sm2"><div class="sm25">Nowa wiadomość od: <b><a href="LINK DO TELEFONU NADAWCY">carolyn</a></b></div></td></tr><tr><td><div class="sm3"><div class="sm4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nibh nulla, euismod id congue id, congue id congue id congue id congue id congue id congue idluctus eget risus. Nunc adipiscing libero et ornare eleifend.</div></td></tr></table></center>