[html]<center>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>

<style type="text/css">#cappy3 {width: 100px; height: 100px; border: 0px dashed #9c2506; position: relative; overflow: hidden;}

#cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute;left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy1 {width: 100px; height: 100px; border: 0px dashed #9c2506; position: relative; overflow: hidden;}

#cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>

<style type="text/css">#cappy2 {width: 100px; height: 100px; border: 0px dashed #9c2506; position: relative; overflow: hidden;}

#cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy4 {width: 100px; height: 100px; border: 0px dashed #9c2506; position: relative; overflow: hidden;}

#cappy4 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy4:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>

<div style="width: 750px;height: 480px;background-color: #e7ded9;background-repeat: repeat;border: solid 10px #cec1b7;padding: 25px;"><div style="width: 750px; height: 480px; background-color: #f9f9f9;">

<table style="width: 750px;"><tr>
<td style="width: 105px; height: 460px; padding: 5px;">
<div id="cappy3">

<div class="page"><img src="http://forumfiles.ru/files/0014/e8/b6/22513.jpg"></div>
<div style="width: 100px; height: 100px;  background-image: url(...); padding: 0px; font-size: 9px; text-transform: uppercase; color: #353535; ">
<b>Аврора Харт</b> - Истину глаголит и ведет сюжет.

</div>
</div>
<br>
<div id="cappy1">
<div class="page"><img src="http://forumfiles.ru/files/0014/e8/b6/11837.jpg"></div>
<div style="width: 100px; height: 100px;  background-image: url(...); padding: 0px;  font-size: 9px; text-transform: uppercase; color: #353535;">
<b>Бьякуран Джессо</b> - Ведает о происходящем в каноне и во всем мире. 
</div>
</div>
<br>
<div id="cappy2">
<div class="page"><img src="http://forumfiles.ru/files/0014/e8/b6/32686.jpg"></div>
<div style="width: 100px; height: 100px;  background-image: url(...); padding: 0px;  font-size: 9px; text-transform: uppercase; color: #353535;">
<b>Рокудо Мукуро</b>- Главный «Ку-фу-фу» всея форума, повелитель вилок и ананасов. Можно смело писать если возникли какие-либо вопросы.

</div>
</div>
<br>
<div id="cappy4">
<div class="page"><img src="http://forumfiles.ru/files/0014/e8/b6/95363.jpg"></div>
<div style="width: 100px; height: 100px;  background-image: url(...); padding: 0px;  font-size: 9px; text-transform: uppercase; color: #353535;">
<b>Элина Мейрс</b>- Администратор-дизайнер и оформитель. Подаватель печенек и чая.

</div>
</div>
<br>
</div></td>

<td>
<div style="width: 600px; height: 30px; text-align: center; font-family: 'Oswald', sans-serif; font-size: 18px; color: #9c2506; padding-bottom: 5px;">

Добро пожаловать. Мир мафии приоткрывает для вас свои двери.

</div>

<div style="width:610px; height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 10px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">

«Katekyo Hitman Reborn: Burning Sky». 22.07.2015

</div>

<div style="width: 600px; height: 390px; background-color: #fff; font-family: Arial; font-size: 12px; line-height: auto; color: #353535;  padding: 5px; overflow: scroll; overflow-x: hidden;"><p style="text-align:justify;">
<b>Дата создания:</b> 20.05.2015<br>
<b>Название:</b> Горящее Небо<br>
<b>Система игры:</b> эпизодическая<br>
<b>Рейтинг игры:</b> 18+<br>
<b>Мастеринг:</b> смешанный<br> </p><hr><p style="text-align:justify;">
Приветствуем, уважаемые гости, на форуме посвященному аниме и манге «Учитель-мафиози Реборн».<br>
Если у вас возникли вопросы касательно ролевой, то вы смело можете писать в данной теме, а также свои пожелания и предложения. Если вы увидели ошибку или опечатку, так же можете писать здесь, администрация будет вам благодарна.<br>
После регистрации у вас есть семь календарных дней на написание и подачу анкеты, и семь дней на исправления и написание пробного поста после проверки одним из администраторов.
</p><hr>
<table width="100%"><tr><td width="50%">
<!-- 1 - 1 -->
<center><b>Неканонические персонажи</b></center>
</td><td width="50%">
<!-- 1 - 2 -->
<center><b>Канонические персонажи</b></center>
</td></tr><tr><td width="50%">
<!-- 2 - 1 -->

</td><td width="50%">
<!-- 2 - 2 -->
<b>Kyoya Hibari</b> придержан<br>
</td></tr></table>

</div></div>

</center>
[/html]