[html]<link rel="stylesheet" href="http://gerda.moy.su/MyBB_files/important/rus-port.css">
<div id="port-block1" class="forsale">

<a id="cover" class="tip" title="Дизайн для ролевой игры по вселенной Ведьмак">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/Witch/Witcher_COVER.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 20.07.2016<br>
Автор: <a href="http://forumd.ru/profile.php?id=6784" target="_blank">Bruksa</a><br>
Платформа: MyBB<br>
Стоимость: 2500р *<br>
Размещено на продажу!<br>
Описание: Дизайн для ролевой игры по вселенной Ведьмак<br>
<a href="http://league.0pk.ru/" target="_blank">ДЕМО</a><br><br>

* Дизайн продается эксклюзивно (в одни руки)<br>

<a href="http://forumd.ru/viewtopic.php?id=5751" target="_blank" id="store">Купить дизайн</a>
</div>

</div>

<div id="port-block2" class="forsale">

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница (верх)"><img src="http://gerda.moy.su/MyBB_files/FD/Witch/Witcher_1.jpg" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница (низ)"><img src="http://gerda.moy.su/MyBB_files/FD/Witch/Witcher_2.jpg" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика"><img src="http://gerda.moy.su/MyBB_files/FD/Witch/Witcher_3.jpg" class="postimg"></a></section>

</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #00a1e4;
background-color: rgba(0,161,228,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(0,161,228,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(0,161,228,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(0,161,228,0.8); color: #fff !important;}
</style>[/html]

подробное описание