[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="saled">

<img src="https://forumuploads.ru/uploads/0007/e3/f7/2/776944.jpg" id="export">
<a class="tip" id="cover" title="Фентези стиль по вселенной Forgotten Realms">
  <div id="icon"></div>
  <img src="https://forumuploads.ru/uploads/0007/e3/f7/2617/620264.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 20.07.2017<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Платформа: MyBB<br>
Стоимость: 3500р<br>
Описание: Фентези стиль по вселенной Forgotten Realms. 
</div>

</div>

<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Шапка сайта и Таблица в объявлении"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2617/100200.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика форума - оформление профиля"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2617/465028.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница переадресации"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2617/516775.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница для информационного контента"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2617/513648.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Всплывающее слайдшоу по клику на изображение"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2617/241471.jpg" class="postimg"></a></section>
</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); color: #fff !important;}
</style>[/html]

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

Простой, но атмосферный дизайн по вселенной Forgotten Realms, D&D. По просьбе заказчика макет выполнен с минимумом мелких деталей, а между фоном и текстовыми блоками создана контрастность. Также по техническому заданию фон форума сделан однородным и темным, но не черным, поэтому для придания атмосферности в дизайн встроена многоцветовая шапка, переходящая в фон. Тело форума выполнено "под пергамент". Бонусом выполнен атмосферный стиль страницы переадресации.
Дизайн исполнен с окантовками всех информационных блоков - для ее исполнения проделана постраничная верстка кода с нуля.
Также выполнено оформление оригинальной окантовки профиля под фиксированный размер аватар и встроен скрипт сворачивания пунктов профиля.
Бонусом сделана HTML-таблица для информации и ссылок.
Также сделан шаблон для сраниц с информацией, на который встроен скрипт всплывающих блоков с HTML-контентом.