Код:
<!--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)