[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 Akatsuki guild in the style of the Shadowmoon Valley">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_COVER.jpg" class="postimg">
</a>
</div>

<div id="port-block2"  class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Main Page of the Forum"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Header and block for recruitment in the guild"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_2.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Outlines of categories, highlighting lines when hovering over the cursor, sidebar with user panel and links"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_3.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Forum bottom and copyright"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="View forum Page"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="View topic Page"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_6.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Submit form"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_7.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

The design is made in the stylistics of the location "the Shadowmoon Valley" of World of Warcraft. The header is made with the help of collage and color correction. The forum was done with a light effect and a detailed interface with outlines in the style of rpg games.
Also i created background elements for the submit form, copyright, posts, etc.
Detailed page-by-page coding is completed.
Made selection of rows of tables when hovering over the cursor and glowing active forms and quote-boxes in CSS3.
The style was adjusted on the pages of the Personal Message. Also, a recruiting block is built and styled.
The main page contains a sidebar with a user-panel and its content. Also i added arrows for scrolling pages and highlighting the author's profile offline/online.