[html]<div class="post-box">
            <div id="p130-content" class="post-content">
            <div class="htmldemo"><style>
.image.UP3,
.image.Down3 {
border:2px solid transparent;
margin:0;
padding:0;
width:125px;height:120px;
overflow:hidden;
overflow-y:auto;
background-color:#999999;
}
.image.UP3>p{
margin:0;
padding:4px;
font-size: 8.5px;
text-align: inherit;

}
.image.UP3{
opacity:0.00;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP3:hover {
opacity:0.90;
}

div.ImgWrap3{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>
<table layout="fixed" width="100%">
<tbody><tr>
<td bgcolor="#d0d0d0"><center><font=cuprum><size=15><i>ХРОНОЛОГИЯ</i></size=15></font=cuprum></center></td>
</tr>
</tbody></table>
<table>
<tbody>
<tr>
<td bgcolor="#d0d0d0"><center><font=cuprum><size=15><i>ПРОШЛОЕ</i></size=15></font=cuprum></center></td>
</tr>
<tr>
<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="http://weird.rolebb.ru/viewtopic.php?id=74#p2957">[14.06.2017] <br>Не можешь послать словами - нарисуй направление</a><br>
Служебный пёс Айс повредил лапу и не был взят Этаном в незначительный поход за молоком. Только кто мог знать, что именно незначительный поход обернётся самым настоящим ДТП?</p>
</div>
<img class="image Down3" src="http://s5.uploads.ru/dr8YF.gif">
</div></td>
<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="http://weird.rolebb.ru/viewtopic.php?id=81#p3983">[24.06.2017] <br>Персональный кошмар</a><br>
После ДТП, которое произошло чуть больше недели назад, Этана выписывают из больницы. Мать нарядная приезжает первой, чтобы заполнить все бумаги, но самое интересное кроется за дверями больницы прямо перед парадным входом...</p>
</div>
<img class="image Down3" src="http://sh.uploads.ru/BSrGM.gif">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка на эпизод">Дата <br>Название</a><br>
краткий сюжет</p>
</div>
<img class="image Down3" src="картинка эпизода">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка на эпизод">Дата <br>Название</a><br>
краткий сюжет</p>
</div>
<img class="image Down3" src="картинка эпизода">
</div></td>

</tr>

<tr>
<td bgcolor="#d0d0d0"><center><font=cuprum><size=15><i>НАСТОЯЩЕЕ</i></size=15></font=cuprum></center></td>
</tr>

<tr>
<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="http://weird.rolebb.ru/viewtopic.php?id=61#p1667">[19.01.2018] <br>Черная пятница</a><br>
Последний рабочий день недели. Напряженная работа Управления полиции вынудила принять решение организовать рабочую группу для распределения сил между детективами. Теперь каждый со своим штатом подопечных вед дело по каждому эпизоду убийства. Литта как глава Управления и Штаба лично следит за ходом расследования и результатами.</p>
</div>
<img class="image Down3" src="http://sa.uploads.ru/IGr0S.gif">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="http://weird.rolebb.ru/viewtopic.php?id=85#p4274">[22.01.2018] <br>Падал прошлогодний снег</a><br>
После тяжелых выходных Хью должен был доложиться Логану о результатах его исследования по его домашнему заданию, но Логана сегодня нет на месте весь день и никто из начальства, ни его секретарь не в курсе куда пропал полковник...но большинству оно и лучше.</p>
</div>
<img class="image Down3" src="http://s3.uploads.ru/xhvtG.gif">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="http://weird.rolebb.ru/viewtopic.php?id=137#p16357">[18.04.2018] <br>Pink Lolita in “The Golden Cage” </a><br>
В попытке сбежать от тирании Логана, Этан подается в, казалось бы, спасительный для него бордель под крыло его владельца Хагана, однако само название борделя определяет его дальнейшую судьбу. Мальчишка сам загоняет себя в клетку оказываясь в распоряжении сомнительного VIP-клиента.</p>
</div>
<img class="image Down3" src="http://s5.uploads.ru/OoE6l.gif">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка на эпизод">Дата <br>Название</a><br>
краткий сюжет</p>
</div>
<img class="image Down3" src="картинка эпизода">
</div></td>
</tr>

<tr>
<td bgcolor="#d0d0d0"><center><font=cuprum><size=15><i>БУДУЩЕЕ</i></size=15></font=cuprum></center></td>
</tr>

<tr>
<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка">[дата] <br>Называние</a><br>
Описание</p>
</div>
<img class="image Down3" src="картинка">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка на эпизод">Дата <br>Название</a><br>
краткий сюжет</p>
</div>
<img class="image Down3" src="картинка эпизода">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка на эпизод">Дата <br>Название</a><br>
краткий сюжет</p>
</div>
<img class="image Down3" src="картинка эпизода">
</div></td>

<td>
<div class="ImgWrap3">
<div class="image UP3">
<p><a href="ссылка на эпизод">Дата <br>Название</a><br>
краткий сюжет</p>
</div>
<img class="image Down3" src="картинка эпизода">
</div></td>

</tbody></table>
[/html]