Код:
<!--HTML--> <center> <link href='http://fonts.googleapis.com/css?family=Trochut|Homenaje|Marvel' rel='stylesheet' type='text/css'><style type='text/css'>
#pink {width: 350px; height: 200px; overflow: hidden; position: relative;}

#pink .sky  {width: 350px; height: 200px; position: absolute; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; }

#pink:hover .sky {top: -200px;  -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; }

</style>
<div style="width: 390px; background-color: #f1f1f1; padding: 20 20 20 20; border: 1px dotted #b8af57;">
<div style="width: 360px; background-color: #fff; padding: 15 10 15 10; border: 5px solid #b8af57;">

<div style="width: 350px; height: 30px; padding: 5px 0px 5px 0px; background-color: #b8af57; font-family: 'marvel'; font-size: 25px; color: #fff; text-shadow: 1px 1px 1px #000; text-align: center; text-transform: uppercase; line-height: 100%; z-index: 1; position: relative;"> 

BENJAMIN STUART HIGGINS 

</div> 
<div id="pink"><div class="sky">

<div style="width: 350px; height: 200px;"><div style="width: 350px; height: 200px; background-image: url(http://i0.wp.com/www.shineon-media.com/wp-content/uploads/2014/04/dylanobrien-nylonmag-042914.jpg?resize=350%2C200);"></div></div>
<div style="width: 350px; height: 200px; background-color: #f9f9f9;">
<div style="width: 350px; height: 20px; background-color: #ccc683; font-family: calibri; font-size: 9px; text-transform: uppercase; color: #fff; letter-spacing: 2px; text-shadow: 1px 1px 0px #000; line-height: 100%;"> <div style="position: relative; top: 5px;"> 

Бенджамин Стюарт Хиггинс

</div> </div>
<table cellspacing="0" cellpadding="0"><td>
<img src='http://37.media.tumblr.com/7d3a6e2e07d1713381d2c1d5132df844/tumblr_n1vrh3XHIS1sy9jofo3_250.gif' width='160' height='160'></a>
<td valign="top"> <div style="width: 175px; height: 32px; background-color: #b8af57; margin-bottom: 5px; font-family: calibri; font-size: 9px; text-align: center; color: #fff; letter-spacing: 1px;"> <div style="position: relative; top: 11px;"> 

Бен, Банджо, Бенни, Бенз, Хиггинс, Хигз, Хигги.

</div> </div>
<div style="width: 175px; height: 32px; background-color: #ccc683; margin-bottom: 5px;  font-family: calibri; font-size: 9px; text-align: center; color: #fff; letter-spacing: 1px;"> <div style="position: relative; top: 11px;"> 

22 года, 12 января 1993 годаABSAVE_FILE@READY@http://panel.rusff.ruABSAVE_FILE@READY@http://panel.rusff.ruABSAVE_FILE@@READY@@http://panel.rusff.ruABSAVE_FILE@@READY@@http://panel.rusff.ru

</div></div>
<div style="width: 175px; height: 32px; background-color: #b8af57; margin-bottom: 5px; font-family: calibri; font-size: 9px; text-align: center; color: #fff; letter-spacing: 1px;"> <div style="position: relative; top: 11px;">

факультет журналистики, 4 курс

</div></div>
<div style="width: 175px; height: 32px; background-color: #ccc683; margin-bottom: 5px; font-family: calibri; font-size: 9px; text-align: center; color: #fff; letter-spacing: 1px;"> <div style="position: relative; top: 11px;"> 

радиоведущий на радио
 
</div></div>
<div style="width: 175px; height: 32px; background-color: #b8af57; font-family: calibri; font-size: 9px; text-align: center; color: #fff; letter-spacing: 1px;"> <div style="position: relative; top: 11px;">

AΣP

</div></div></td></table></div></div></div>

<div style="width: 350px; height: 30px; background-color: #ccc683; font-family: calibri; font-size: 9px; color: #000; line-height: 100%; text-shadow: 1px 1px 0px #fff; letter-spacing: 1px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;"> <div style="position: relative; top: 9px;">

НИКТО НЕ ЗНАЕТ МЕНЯ ЛУЧШЕ ВАС

</div> </div>
<div style="width: 350px; background-color: #FFF;">
<div style="width: 310px; padding: 10px; text-align: justify; font-family: arial; font-size: 10px; line-height: 100%; overflow: auto; max-height: 300px;"> 

описание характера и биографии здесь

</div></div>
<div style="width: 350px; height: 15px; background-color: #b8af57;"> </div>

</div></div>

</center>

Отредактировано David Mitchell (2015-02-23 21:05:23)