[html]<link rel="stylesheet" href="http://gerda.moy.su/MyBB_files/important/rus-port.css">
<div id="port-block1" class="forsale">
<a class="tip" id="cover" title="Design for the Guild Forum in Mists of Pandaria style">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_COVER.jpg" class="postimg">
</a>
<div id="cover-block">
Cost: 18$ *<br>
Description: Design for the Guild Forum in Mists of Pandaria style<br>
<a href="http://magiclibrary.bbmy.ru/" target="_blank">DEMO</a><br><br>
The cost includes adjusting and editing the design (see description).
<a href="http://zlober.ru/viewtopic.php?id=59" target="_blank" id="store">Buy now</a>
</div>
</div>
<div id="port-block2" class="forsale">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Site header, Sidebar on the main page (User panel + statistics + block of your links + recent messages), Announcement (simple version)"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Slider (optional) and Recruiting into the guild container in the ad (optional)"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_7.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Main Page - forum list with blocks with unique icons and copyright"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_2.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/WoW-panda/WoW-panda_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Color highlighting of selected users and a wowhead tooltips"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Submit form with the user-panel"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_6.jpg" class="postimg"></a></section>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #00a1e4;
background-color: rgba(0,161,228,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(0,161,228,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(0,161,228,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(0,161,228,0.8); color: #fff !important;}
</style>
<style>#port-block1 #cover {margin:0}</style>[/html]
INCLUDED IN THE PRICE:
• PSD-layout with all codes and sourses
• Installation of the style and scripts
• Correcting the forum's header for your guild (changing guild logo, fraction banner, background image)DESCRIPTION
In the design interface i used elements from the official World of Warcraft site. Created a graphical interface for the forum: buttons, backgrounds, icons etc.
Stylistics of design is inspired by the official forum of World of Warcraft in 2014 (before the redesign of forums in the Legion).
As a bonus i made awards for the users of the forum in the style of World of Warcraft, there is a PSD-template of awards.
Detailed page coding of the design, separate styles on different pages.
Created sidebar on the main page, which contains: user-panel with user data, important links, recent forum posts and statistics.
There are three options for the forum announcement block to choose from: two static scrolling blocks for forum news, a slider with scroll blocks for more content and a container with recruiting to the guild.