[html]
<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 id="cover-block">
Date: 02.05.2018<br>
Creators: <a href="http://forumd-eng.ru/profile.php?id=2" target="_blank">Gerda</a> & <a href="http://forumd.ru/profile.php?id=6730">Nameless</a><br>
Engine: MyBB<br>
Cost: 89$<br>
Description: Design for forum of the RP server for the game Life is Feudal<br>
<a href="http://ascension.rolbb.ru/" target="_blank">Customer's site</a>
</div>
</div>
<div id="port-block2" class="saled">
<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>
<a class="tip" title="Categories, statistics and copyright"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_2.jpg" class="postimg"></a>
<a class="tip" title="Topic list page"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_3.jpg" class="postimg"></a>
<a class="tip" title="Topic page"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_4.jpg" class="postimg"></a>
<a class="tip" title="Quotations style"><img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_5.jpg" class="postimg"></a>
<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>
</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 made in light colors using free clipart, textures and artworks from the official site of the game, as well as medieval engravings.
A detailed interface, the frame of the inner outline of the forum and sections is drawn by hand.
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.LAYOUT
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.
The rows of the forum tables are separated by a background texture. "Bread crumbs" and statistics are also decorated.
Posts on the page of the topic are framed with background textures, custom layout of the post headers (date and sharing). Profile outlining with a fixed frame and auto-sizing user's avatars.
Also, a special style of quote-boxes and other content of posts, forms, etc. is given.SCRIPTS
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.