Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<style>
#this { width:350px; padding:25px; background: url('http://subtlepatterns.com/patterns/brickwall.png'); overflow:hidden; position:relative; line-height:100%; }
#this .iss { background-color:#ffffff; font-family:bitter; font-size:10px; text-transform:none; color:#0f0f0f; text-align:justify; padding:25px; }
#this .iss b { font-size:11px; font-weight:700px; color:#DDAEB4; }
#this .iss i { color:#22C2B8; }
#this .iss a { color:#332F52; }
#this .nott { padding:0px 10px 10px 10px; background-color:#ffffff; }
#this .nottimg1 { padding:5px; border:1px solid #f0f0f0; width:145px; height:145px; }
#this .nottimg2 { width:145px; height:145px; background-color:#bbbbbb; background-size:cover; background-position:center; overflow:hidden; position:relative; }
.nottimg2 .dainfer { width:140px; height:150px; padding:15px 30px 30px 30px; background-color:#807595; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); position:absolute; top:110px; left:110px; transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; text-align:center; text-transform:uppercase; font-family:calibri; color:#ffffff; font-size:8px; line-height:105%; letter-spacing:1px; }
.nottimg2:hover .dainfer { top:47px; left:47px; }
</style>
<div id="this">
<div class="iss">
info on plot or whatever will go here.
</div>
<div class="nott"><table cellspacing="5px">
<tr><td><div class="nottimg1"><div class="nottimg2" style="background-image:url('GIF HERE!!!!!!!!!!!!!!!!!!!');"><div class="dainfer">
MAX<br>
OF<br>
FIVE<br>
LINES
</div></div></div></td><td><div class="nottimg1"><div class="nottimg2" style="background-image:url('GIF HERE!!!!!!!!!!!!!!!!!!!');"><div class="dainfer">
MAX<br>
OF<br>
FIVE<br>
LINES
</div></div></div></td></tr>
<tr><td><div class="nottimg1"><div class="nottimg2" style="background-image:url('GIF HERE!!!!!!!!!!!!!!!!!!!');"><div class="dainfer">
MAX<br>
OF<br>
FIVE<br>
LINES
</div></div></div></td><td><div class="nottimg1"><div class="nottimg2" style="background-image:url('GIF HERE!!!!!!!!!!!!!!!!!!!');"><div class="dainfer">
MAX<br>
OF<br>
FIVE<br>
LINES
</div></div></div></td></tr></table></div>
</div>
<a href="http://shine.b1.jcink.com/index.php?showuser=570"><div style="padding:1px; border:1px solid #f0f0f0; font-size:8px; text-transform:uppercase; text-align:center; width:50px; color:#000000; margin-top:5px; font-family:calibri;">© fleur</div></a>
</center>