[html]<!-- Русский  -->
<div id="port-block1" class="saled rus">

<a class="tip" id="cover" title="Дизайн для гильд-сайта на платформе MyBB в стиле сайта Wowhead ">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_COVER.jpg" class="postimg">
</a>

</div>

<div id="port-block2"  class="saled rus">
<a class="tip" title="Главная страница сайта: лента сообщений с форума, панель рекрутинга, плашка прогресса гильдии и юзер-панель как на входе"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_1.jpg" class="postimg"></a>
<a class="tip" title="Страницы сайта: пример контента одной из страниц сайта"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_2.jpg" class="postimg"></a>
<a class="tip" title="Главная страница форума: индивидуальные иконки форумов, меню форума, верстка категорий"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_3.jpg" class="postimg"></a>
<a class="tip" title="Страница списка тем: верстка форумных таблиц и иконки тем"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_4.jpg" class="postimg"></a>
<a class="tip" title="Страница топика: верстка постов пользователя, нестандартный стиль рейтинга поста, выделение профиля пользователя и даты сообщения"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_5.jpg" class="postimg"></a>
</div>

<div id="port-block1" class="saled eng">

<a class="tip" id="cover" title="Design for the guild site on the MyBB engine in Wowhead site style">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_COVER.jpg" class="postimg">
</a>

</div>

<div id="port-block2"  class="saled eng">
<a class="tip" title="Main page of the site: a post feed from the forum, a recruiting panel, a guild progress tab and a user panel like on the Wowhead site."><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_1.jpg" class="postimg"></a>
<a class="tip" title="Site pages: example content of one of the pages of the site."><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_2.jpg" class="postimg"></a>
<a class="tip" title="Main page of the forum: individual icons for forums, forum menu, layout of categories sections."><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_3.jpg" class="postimg"></a>
<a class="tip" title="View forum page: layout of forum tables and theme icons."><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_4.jpg" class="postimg"></a>
<a class="tip" title="View topic page: layout of the user's posts, custom style of the post rating, user profile and the date of the post."><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_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>

<style>#pun-viewtopic h1 {display:none;}</style>

<!-- Добавляем селекторы  -->
<script type="text/javascript">
$('.spoiler-box:contains("подробное описание")').addClass('rus');
$('.spoiler-box:contains("detailed description")').addClass('eng');
</script>[/html]

подробное описание

Платформа: MyBB

Создан макета сайта - в дизайне использована стилистика сайта http://www.wowhead.com/ 2015-2016 годов.
Постраничная верстка дизайна на основе стиля MyBB.ru по умолчанию.
"Резиновая" верстка (отображение сайта подстраивается по ширине экрана пользователя).
В шапку встроено кликабельное лого сайта.
Навигация "хлебные крошки" перенесена над шапкой форума, также на страницу добавлено выпадающее юзер-меню в стиле сайта wowhead.
К форуму привязан сайт-визитка на базе функционала форума "страницы". Создано отдельное меню навигации по страницам сайта.
На главную страницу встроен скрипт отображения последних сообщений форума в виде ленты, а также блок "рекрутинга в гильдию" и графическое оформление текущего прогресса гильдии. Также оформлен минималистичный контент других страниц. Также сайт оснащен всплывающими подсказками.
При переходе на форум отображается форумное меню навигации и другие ссылки юзер-меню (не вошедшие в юзер-панель пользователя).
Таблицы категорий форумов и списка тем сверстаны по аналогии с форумами wowhead, полностью изменена стандартное отображение этих элементов. Индивидуальные иконки для разделов на главной странице форума и минималистичные иконки топиков на странице списка тем.
Топики также переоформлены в соответствии со стилистикой сайта wowhead.

detailed description

Engine: MyBB
The site is created in the stylistics style of the site http://www.wowhead.com/ 2015-2016.
The page-by-page coding of the design using MyBB style by default.
Responsive design (the display of the site is adjusted to the width of the user's screen).
The header has a built-in clickable site logo.
Navigation "bread crumbs" is moved over the forum header, also a page is added to the user-menu in the style of the wowhead site.
The site is linked to the forum on the basis of the forum module "Pages". A separate navigation menu has been created on the site pages.
The main page contains a script for displaying the latest forum posts, as well as a block of "recruiting to the guild" and graphic design of the current progress of the guild. Also the minimal content of other pages is issued. Also the site contain with pop-up tooltips.
When switching to the forum, the forum navigation menu and other links of the user menu are displayed.
Tables of categories of forums and the list of topics are made in the wowhead forums style, the standard layout of these elements has been completely changed. Individual icons for sections on the forum's main page and minimalistic icons of topics on the topic list page.
The topics are also re-formatted according to the style of the wowhead site.