[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="Design for forum of the RP server Life is Feudal">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_COVER.jpg" class="postimg">
</a>

</div>

<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Site header, announcement & drop-down menu"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Categories, statistics and copyright"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_2.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Topic list page"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_3.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Topic page"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Quotations style"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Unique artwork: smilies, awards, achivings, map and map icons"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_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

Illustrator: Nix Nemeni
Customer's site

Unique additional artwork were drawn from scratch: smilies in medieval style, pictures for achievements, medals, as well as a map and icons for placement on it.
Detailed page layout, outlining the forum, outlining all the blocks and sections.
The menu of the forum is made with buttons with a glow when you hover the cursor. The announcement contains blocks for links and information about the forum, as well as a css3 drop-down menu.
Specially for the customer we made customized layout of the forum and developed a spoiler profile script with changing pictures.
Icons of awards and achievements of the user are fixed.
Any information hidden under the spoilers, appears under the outline of the profile.