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

<a class="tip" id="cover" title="Fantasy style for forum Forgotten Realms">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_1.jpg" class="postimg">
</a>

</div>

<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Website header and table in the ad"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_2.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="View topic page & profile design"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_3.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Regirect page"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Page for information content"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Pop-up slideshow by clicking on the image"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_6.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]

detailed description

Engine: MyBB

A simple but atmospheric design for the universe Forgotten Realms, D&D. At the request of the customer, the layout is made with a minimum of small details, and contrast is created between the background and text blocks. Also, according to the brief, the background of the forum is made smooth and dark, but not black, so to impart atmospheric design i made a multicolor header in the background. The body of the forum is made in "parchment" style. As a bonus i made the atmospheric style of the redirect page.
The design is executed with outlining of all information blocks - for its performance the page coding has been done from scratch.
Also, i made the original profile outlining for a fixed size of the avatar and the script for folding the profile.
The bonus is an HTML table for information and links.
Also i built a template for pages with a script of pop-up blocks with HTML content.