[html]
<div id="port-block1" class="saled">
<a class="tip" id="cover" title="Design for mybb 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 id="cover-block">
Date: 22.06.2015<br>
Creators: <a href="http://forumd-eng.ru/profile.php?id=2" target="_blank">Gerda</a><br>
Engine: MyBB<br>
Cost: 60$<br>
Description: Design for mybb forum of the Akatsuki guild in the style of the Shadowmoon Valley
</div>
</div>
<div id="port-block2" class="saled">
<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>
<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>
<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>
<a class="tip" title="Forum bottom and copyright"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_4.jpg" class="postimg"></a>
<a class="tip" title="View forum Page"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_5.jpg" class="postimg"></a>
<a class="tip" title="View topic Page"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_6.jpg" class="postimg"></a>
<a class="tip" title="Submit form"><img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_7.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 design is made in the stylistics of the location "the Shadowmoon Valley" of World of Warcraft in a single color scheme. 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. The active rows of the tables are decorated with a background glow. Also we created background elements for the submit form, copyright, posts, etc.LAYOUT
A detailed page layout with the borders of the blocks was completed. The width of the forum is fixed, and copyright is executed with an extension to the entire page. 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.SCRIPTS
The main page contains a sidebar with a user-panel and its content. Also we added arrows for scrolling pages and highlighting the author's profile offline/online.