ЛС

Код:
 <!--HTML--><center>
<style>
.pamela {opacity:0; width:450px; height:520px; background:#cbd8db; transition:ease all 3s; z-index: 1;}
.pamela:hover {opacity: .99;}
.pamtext {background:url(http://funkyimg.com/i/2Ph6m.gif); border:5px solid #ffffff; height:150px; width:150px; border-radius:50%; margin-left: 50px;}
.pamtext1 {background:#d5dbdd; height:100px; width:150px; text-align:center; font-size:11px; padding:3px; text-align:justify; color:#393939; padding: 20px 20px 20px 20px;  margin-left: -10px;}
.text::-webkit-scrollbar {width: 4px;height: 4px;}
.text::-webkit-scrollbar-track-piece {background-color: #393939;}
.text::-webkit-scrollbar-thumb:vertical {height: 30px;background-color: #ffffff;}
.text p::first-letter {font-size:20px; height:20px; width:20px; text-align:center; text-transform:uppercase; color:#353535; line-height:20pt; font-family: AA Bebas Neue; padding:4px 8px; text-shadow:1px 1px 0px #566870;}
</style>


<div style="position:relative; top:5px; margin:4px; width:450px; height:520px; background:url(http://funkyimg.com/i/2kt9y.png);">
<div class="pamela"><div style="font-family:'AA Bebas Neue'; font-size:30px; text-align:center; color:#333739; text-shadow:1px 1px 0px ;margin:13px 5px; padding-top:5px;">СТАНИСЛАВ ШАДРИН</div>

<table><tr><td><div class="pamtext"></div></td><td>
<div class="pamtext1">
<div style="font-family:'Cuprum'; font-size:15px; text-align:center; color:#333739;">
<br>44 года<br>
<br>Судья<br>
<br>Женат<br>
</div></div></td></tr></table>

<!--НА ЭТОМ ЗАПОЛНЕНИЕ ЗАВЕРШЕНО-->

<div class="text" style="width:360px; height:220px; margin-top:20px; font-size:13px; font-family:Cuprum; line-height:10pt; letter-spacing:1px; word-spacing:2px; overflow:auto; padding:10px; text-align:justify; color:#333739; background:#bcbfc1;"><p> 
<table><tr>
<td width="70%"><img src="http://funkyimg.com/i/2kAhh.png" title="Выдается всем" border="0"></td>
<td><img src="http://funkyimg.com/i/2kvhd.png" title="Пристыдить / усовестить кого-то" border="0"></td>
</tr></table>
<table><tr>
<td width="70%">место для плашки</td>
<td><img src="http://funkyimg.com/i/2kvhw.png" title="Упомянуть в разговоре русскую пословицу" border="0"></td>
</tr></table>
<table><tr>
<td width="70%">место для плашки</td>
<td><img src="http://funkyimg.com/i/2kvhr.png" title="Вспомнить советское время" border="0"></td>
</tr></table>
</div>
</div></div><br /><br/>
</center>