<div id="port-block1" class="forsale">

<a class="tip" id="cover" title="esign for the Guild Forum Mists of Pandaria ">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/WoW-panda/WoW-panda_COVER.jpg" class="postimg">

<div id="cover-block">
Date: 22.03.2013<br>
Creators: <a href="http://forumd-eng.ru/profile.php?id=2" target="_blank">Gerda</a><br>
Engine: MyBB<br>
Cost: 18$ *<br>
Design for sale!<br>
Description: Design for the Guild Forum Mists of Pandaria<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://forumd-eng.ru/viewtopic.php?id=9" target="_blank" id="store">Buy now</a>


<div id="port-block2"  class="forsale">
<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>
<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>
<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>
<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>
<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>
<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>

.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);}

detailed description

  • PSD-layout with all codes and administration instructions
  • Install and configure the style and scripts
  • Correcting the forum's header for your guild (change guild logo, fraction banner, background image)

A detailed page layout of the site has been created. In the design interface we used elements of the official World of Warcraft site. Created a graphical interface for the forum: buttons for creating topics and posts, buttons for the submit form, background for messages, icons for forums and topics
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 we made awards for the users of the forum in the style of World of Warcraft, there is a PSD-template of awards.

Detailed page layout of the design, separate styles on different pages. All design layout is issued by the official forum at the time of release of MoP.
Statistics moved to the side-bar of the forum. Everywhere CSS sprites are used. Sections of the forum are decorated in the form of blocks with an icon and description (as in the official WoW forum), columns of "topics", "messages" and "last message" are hidden.
The date, post number and rating of the post are moved to the column to the right of the post (as in the official WoW forum). A shortened and full-fledged version of the submit form (as in the official WoW forum), in shortened removed extra buttons. Also removed the names of additional fields and replacements + and - in the reputation of their buttons.

  • 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.
  • A  sidebar on the main page, which contains: user-panel with user data, important links (to be filled by the administrator), recent forum posts and statistics.
  • Colored usernames in accordance with the character class of the user (as in the official WoW forum) by using CSS.
  • Color separation of the status and avatars of users of certain groups.
  • Two kinds of color highlighting of important posts.
  • Wowhead tooltips.
  • User-panel with user data in the submit form.