Код:
<!--HTML-->
<style>#bhd {width: 200px; height: 300px; position: relative; overflow: hidden;}
#bhd .apv { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 200px; height: 300px;}
#bhd:hover .apv {-webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; left: -200px;}
.bta {padding: 3px; width: 290px; background-color: #988776; color: #c1b6ac; font-family: Playfair Display; font-size: 10px; letter-spacing: 0px; margin: 0px; margin: 10px; text-align: left; border: 1px solid #a3998e;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.12), 0px 0px 5px -40px rgba(0, 0, 0, 0.25);}
.bta a {color: #c1b6ac;}
.ain {width: 600px; border: 1px solid #a3998e;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.12), 0px 0px 5px -40px rgba(0, 0, 0, 0.25);
background-image: url("https://image.ibb.co/nJTVkq/image.png"); padding: 15px; text-align: center; font-family: arial; font-size: 10px; height: 300px; color: #000; }
.ain img {float: left; width: 200px; height: 320px; padding: 5px; margin-top: -5px; margin-left: -5px;}
.ain b {color: #845d51}
.ain i {color: #845d51}
.tan {width: 370px; float: right; border: 1px solid #a3998e;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.12), 0px 0px 5px -40px rgba(0, 0, 0, 0.25);
background-image: url("https://preview.ibb.co/cwNTCf/fon.png"); padding: 10px; height: 280px;}
.ovr::-webkit-scrollbar {padding: 10px; width: 2px}
.ovr::-webkit-scrollbar-track {background-color: #a29385; padding: 10px; border-radius: 20px }
.ovr::-webkit-scrollbar-thumb {background-color: #a56c5a; padding: 10px; border-radius: 100px}
.xvd {font-style: italic; text-align: center; font-weight: bold; color: #4D7183; letter-spacing: 6px; font-size: 10px}
.hyr {padding: 20px; text-transform: uppercase;
letter-spacing: 3px;
background-color: #845d51;
padding: 20px 10px;
outline: 1px solid #c1b6ac;
color: #c1b6ac;
font-family: Playfair Display;
font-family: 12px;
outline-offset: -5px;}
.tan p {float: left; text-align: left}
.yat {letter-spacing: 4px; padding: 5px; text-transform: uppercase; font-size: 7px}
.yat a {color: #4D7183}
.psv {padding: 10px; font-family: arial; text-transform: uppercase; font-size: 10px; width: 150px; height: 100px; }
.psv::-webkit-scrollbar {padding: 10px; width: 2px}
.psv::-webkit-scrollbar-track {background-color: #AAD4DD; padding: 10px; border-radius: 20px }
.psv::-webkit-scrollbar-thumb {background-color: #f5f5f5; padding: 10px; border-radius: 100px}
</style>
<center>
<div class="ain"><div class="tan"><div class="hyr">
nevada, black rock desert
</div><br><div class="ovr" style="overflow: auto; height: 200px; font-family: Playfair Display; font-family: 11px;">
<table><tr><td valign="top"><font style="font-size:13px;"><b>ЖЕНСКИЕ ВНЕШНОСТИ</b></font style>
<br><br><center><b>до 15.11</b></center>
<br>kiernan shipka // gremlin
<br>mia wasikowska // <a href="http://bnevada.rusff.me/profile.php?id=21">ruth barlow</a>
</td><td valign="top"><font style="font-size:13px;"><b>МУЖСКИЕ ВНЕШНОСТИ</b></font style>
<br><br><center><b>до 15.11</b></center>
<br>brenton thwaites // wind
<br><br><center><b>бессрочно</b></center>
<br>joel kinnaman // <a href="http://bnevada.rusff.me/profile.php?id=5">мак</a>
</td></tr></table>
</div></div><div id="bhd"><div class="apv">
<img src="https://image.ibb.co/fzrc50/image.png"></div>
<div class="bta"><a href="http://bnevada.rusff.me/viewtopic.php?id=2#p2">правила</a></div>
<div class="bta"><a href="http://bnevada.rusff.me/viewtopic.php?id=3#p3">faq</a></div>
<div class="bta"><a href="http://bnevada.rusff.me/viewtopic.php?id=8#p8">о городе</a></div>
<div class="bta"><a href="http://bnevada.rusff.me/viewtopic.php?id=6#p6">занятые внешности</a></div>
<div class="bta"><a href="http://bnevada.rusff.me/viewtopic.php?id=13#p15">нужные</a></div>
<div class="bta" style="border-radius: 0px; height: 110px; width: 220px; padding: 10px"><div class="psv" style="overflow: auto">
Внешности придерживаются на <b>три</b> дня. <br><br>Внешности для нужных персонажей не бронируются. <br><br> В игре ноябрь 2018 года.
</div></div>
</div>
</div></center>Код:
<br>имя желаемой внешности // <a href="ССЫЛКА НА ВАШ ПРОФИЛЬ">ваше имя</a>
