Код:
<!--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;">
YASMINA CARTER
</div>
<div id="pink"><div class="sky">
<div style="width: 350px; height: 200px;"><div style="width: 350px; height: 200px; background-image: url(http://savepic.su/4844259.png);"></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://se.uploads.ru/t/A7hnD.gif' width='175' height='200'></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;">
23.09, 19 лет
</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;">
факультет искусств, 2 курс
</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>Отредактировано Yasmina Carter (2015-02-07 23:05:55)

