[html]
<div id="port-block1" class="saled">

<a class="tip" id="cover" title="Стиль для исторической ролевой игры Русский детективъ">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/RD/RD_COVER.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 14.12.2017<br>
Автор: <a href="http://forumd.ru/profile.php?id=2" target="_blank">Герда</a><br>
Платформа: MyBB<br>
Стоимость: 1000р<br>
Описание: Стиль для исторической ролевой игры Русский детективъ<br>
<a href="http://russkidetektiv.rusff.ru/" target="_blank">Сайт заказчика</a>
</div>

</div>

<div id="port-block2" class="saled">
<a class="tip" title="Шапка сайта и Слайдер в объявлении"><img src="http://gerda.moy.su/MyBB_files/FD/RD/RD_1.jpg" class="postimg"></a>
<a class="tip" title="Страница списка тем"><img src="http://gerda.moy.su/MyBB_files/FD/RD/RD_2.jpg" class="postimg"></a>
<a class="tip" title="Страница топика форума - оформление профиля и цитат"><img src="http://gerda.moy.su/MyBB_files/FD/RD/RD_3.jpg" class="postimg"></a>
<a class="tip" title="Спойлер профиля пользователя"><img src="http://gerda.moy.su/MyBB_files/FD/RD/RD_4.jpg" class="postimg"></a>

</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #e63737;
background-color: rgba(230,55,55,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(230,55,55,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(230,55,55,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(230,55,55,0.8);}
</style>[/html]