Код:
<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
var obj=document.getElementById(id);
var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
var top=parseInt(obj.style.top);
if ((spd>0&&top<=0)||(spd<0&&top>=max)){
obj.style.top=top+spd+"px";
move.to=setTimeout(function(){ move(id,spd); },20);
}
else obj.style.top=(spd>0?0:max)+"px";
}
</script>
<style type="text/css">
.faq2 { width: 620px; height: 800; margin-left: -3px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2ffi3.jpg) top no-repeat, url(http://funkyimg.com/i/2ffi4.jpg) bottom no-repeat, url(http://funkyimg.com/i/2ffi5.jpg) repeat-y;}
#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #9A2EFE; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #9A2EFE; padding: 0px; width: 80px; }
</style>
<center>
<div class="faq2">
<br>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px; margin-top: -123px;">
<div style="font-family: lobster; font-size: 35px; color: #BE81F7; margin-left: -244px; line-height: 70%;">"males"</div>
<div style="width: 165px; height: 8px; background: #DA81F5; border-left: 80px solid #380B61; border-right: 150px solid #6A0888; margin-left: -158px;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #3b3b3b; overflow: ; text-align: justify; padding-top: 51px; margin-bottom: -15px; margin-left: -30px;">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> </div>
<table>
<tr><td><center></a><br></center></td>
<td><center></center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> A • B </div>
<table>
<tr><td><center>Gemma Arterton <a href="http://faiberry.rusff.me/profile.php?id=11">Вивиан Чендлер</a><br>
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> C • D </div>
<table>
<tr><td><center>Emilia Clarke <a href="http://faiberry.rusff.me/profile.php?id=9">Анастаси Кетнер</a><br>
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> E • F </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> G • H </div>
<table>
<tr><td><center>Karen Gillan <a href="http://faiberry.rusff.me/profile.php?id=10">Amelia Black</a><br>
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> I • J </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>Max Irons <a href="http://faiberry.rusff.me/profile.php?id=6">Christian Cathner</a><br>
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> K • L </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> M • N </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> O • P </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> Q • R </div>
<table>
<tr><td><center>Margot Robbie <a href="http://faiberry.rusff.me/profile.php?id=5">Marilyn Cabot</a><br>
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> S • T </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; "> U • V </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; ">W • X </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена
<br>имена</center></td>
</tr>
</table><br><br><br>
<div style="width: 300px; padding: 10px; margin-top: -43px; border-bottom: 1px ridge #be9e77; font-family: 'cuprum', sans-serif; text-align: center; font-size: 14px; letter-spacing: 3px; color: #7d6343; line-height: 100%; ">Y • Z </div>
<table>
<tr><td><center>имена
<br>имена
</a><br></center></td>
<td><center>имена</a><br>
<br>имена</center></td>
</tr>
</table><br><br><br>
</div>
<br><br><br><br>
</div></center>
Код:
Фамилия и Имя занимаемой вами внешности на английском <a href="ссылка на профиль">Фамилия и Имя персонажа</a><br>









