[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://forumstatic.ru/files/0015/bd/66/96422.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://forumstatic.ru/files/0015/bd/66/95501.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://forumstatic.ru/files/0015/bd/66/96193.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>
Nona "Death Parade" — бессрочно за Catarina Moretti
Worick Arcangelo "Gangsta" — бессрочно за Dante Castellano </td><td width="50%">
<!-- 1 - 2 -->
<center><b>Канонические персонажи</b></center>
</td></tr><tr><td width="50%">
<!-- 2 - 1 -->
</td><td width="50%">
<!-- 2 - 2 -->
</td></tr></table>
</div></div>
</center>
[/html]