Код:
<!--HTML-->
<center><link href='https://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
<style type="text/css">
#new {width: 450px; height: 500px; position: relative; overflow: hidden;} #new .evkr {position: absolute; left: 0px; bottom: 0px; -webkit-transition: 3s all ease-in-out; -o-transition: 3s all ease-in-out; -ms-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; transition: 3s all ease-in-out; width: 350px; height: 500px;} #new:hover .evkr {left: -250px; bottom: 0px; -webkit-transition: 3s all ease-in-out; -o-transition: 3s all ease-in-out; -ms-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; transition: 3s all ease-in-out; } #new .krev{position: absolute; right: 0px; bottom: 0px; -webkit-transition: 3s all ease-in-out; -o-transition: 3s all ease-in-out; -ms-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; transition: 3s all ease-in-out; width: 225px; height: 500px;} #new:hover .krev {right: -250px; bottom: 0px; -webkit-transition: 3s all ease-in-out; -o-transition: 3s all ease-in-out; -ms-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; transition: 3s all ease-in-out; }
::-webkit-scrollbar { background: #fff; width: 6px; } ::-webkit-scrollbar-thumb { background: #000; width: 6px;} ::-webkit-scrollbar-corner { background: #000; }
</style>
<div id="new"><table cellpadding="0" cellspacing="0"><tr><td><div class="krev"><img src="http://i.imgur.com/V1v3Fzw.jpg"></div></td><td><div class="evkr"><img src="http://i.imgur.com/pAZokKw.jpg"></div></td></tr></table>
<div style="width: 440px; height: 450px; border: 5px solid #653C21;"><div style="padding: 10px;"><div style="margin-top: 10px; padding-right: 5px; width: 420px; height: 450px; overflow: auto; font-size: 12px; font-family: arial; text-transform: lowercase; text-align: justify; color: #000; line-height: 90%;">
<table><tr><td><center><div style="font-size: 17px; font-family: Candal; text-transform: lowercase; text-align: justify; color: #000;"><center>Female</center></div><br><b><i>Amber</b> Heard</i> — <a href="http://imperialcolledge.rusff.me/profile.php?id=2"><b><i>Carly</b></i> Banks</a> <br>
<b><i>emma</b> stone</i> — <a href="http://imperialcolledge.rusff.me/profile.php?id=3"><b><i>lily</i></b> chandler</a><br></center></td><td><div style="font-size: 17px; font-family: Candal; text-transform: lowercase; text-align: justify; color: #000;"><center>male</center></div><br><center><b><i>Имя</b></i> фамилия— <b><i>имя</b></i>, фамилия персонажа</center></td></tr></table>
</div></div></div></div></center>Код:
<b><i>Имя</b> фамилия внешности</i>— <a href="ссылка на профиль"><b><i>Имя</i></b>фамилия персонажа</a>