[html]<link rel="stylesheet" href="http://gerda.moy.su/MyBB_files/important/rus-port.css">
<div id="port-block1" class="saled">
<a class="tip" id="cover" title="Дизайн для гильд-сайта в стиле сайта 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">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница сайта: лента сообщений с форума, панель рекрутинга, плашка прогресса гильдии и юзер-панель как на входе"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страницы сайта: пример контента одной из страниц сайта"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_2.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница форума: индивидуальные иконки форумов, меню форума, верстка категорий"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_3.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница списка тем: верстка форумных таблиц и иконки тем"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика: верстка постов пользователя, нестандартный стиль рейтинга поста, выделение профиля пользователя и даты сообщения"><img src="http://gerda.moy.su/MyBB_files/FD/WoW-wowhead/WoW-wowhead_5.jpg" class="postimg"></a></section>
</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); color: #fff !important;}
</style>[/html]
Создан макета сайта - в дизайне использована стилистика сайта http://www.wowhead.com/ 2015-2016 годов.
"Резиновая" верстка (отображение сайта подстраивается по ширине экрана пользователя).
В шапку встроено кликабельное лого сайта.
Навигация "хлебные крошки" перенесена над шапкой форума, также на страницу добавлено выпадающее юзер-меню в стиле сайта wowhead.
К форуму привязан сайт-визитка. Создано отдельное меню навигации по страницам сайта.
На главную страницу встроен скрипт отображения последних сообщений форума в виде ленты, а также блок "рекрутинга в гильдию" и графическое оформление текущего прогресса гильдии. Также оформлен минималистичный контент других страниц. Также сайт оснащен всплывающими подсказками.
При переходе на форум отображается форумное меню навигации и другие ссылки юзер-меню (не вошедшие в юзер-панель пользователя).
Таблицы категорий форумов и списка тем сверстаны по аналогии с форумами wowhead, полностью изменена стандартное отображение этих элементов. Индивидуальные иконки для разделов на главной странице форума и минималистичные иконки топиков на странице списка тем.
Топики также переоформлены в соответствии со стилистикой сайта wowhead.