[html]
<div id="port-block1" class="saled">
<a class="tip" id="cover" title="Design for forum role-playing game Enirin in dark fantasy style">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_COVER.jpg" class="postimg">
</a>
<div id="cover-block">
Date: 22.03.2018<br>
Creators: <a href="http://forumd-eng.ru/profile.php?id=2" target="_blank">Gerda</a><br>
Engine: MyBB<br>
Cost: 42$<br>
Description: Design for forum role-playing game Enirin in dark fantasy style<br>
<a href="http://enirin.ru/" target="_blank">Customer's site</a>
</div>
</div>
<div id="port-block2" class="saled">
<a class="tip" title="Site header and announcement"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_1.jpg" class="postimg"></a>
<a class="tip" title="Categories and sections of the forum"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_2.jpg" class="postimg"></a>
<a class="tip" title="Topic list page"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_3.jpg" class="postimg"></a>
<a class="tip" title="Topic page"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_4.jpg" class="postimg"></a>
<a class="tip" title="Quotations style"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_5.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]
GRAPHICS
The layout is executed in the style of dark fantasy with observance of clear preferences of the customer.
The color scheme is dark with the use of burgundy and gold shades, the area of content publishing is light. Symmetry and military themes were made in the design: weapons, shields, pendants, flags.
For the volume we used in the design a lot of textures and lighting effects for the forum's header.
Forum tables are provided with background images and outlines. Detailed style of posts on the topic page.LAYOUT
The design is executed with a complex double outline of the body of the forum.
In the header there is an additional menu with navigation on important sections of the forum.
The navigation menu and user menu are located vertically on the sides of the announcement block. The announcement has a built-in and stylized container with switching tabs.
Selection of active rows of forum tables when hovering over the cursor. When developing outlines, the presence of a folding script is taken into account.
All types of topic icons have active (there are new messages) and inactive (no new messages) style.
Custom layout of the topic page with graphical design of all the elements of the post: date and sharing, user profile, message control buttons. Each post is clearly separated from the other.
The style of quote-boxes and other elements of post content were created.