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

<a class="tip" id="cover" title="Дизайн для форумной ролевой игры Энирин в стиле темного фентези">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_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/Enirin/Eni_1.jpg" class="postimg"></a>
<a class="tip" title="Категории и разделы форума"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_2.jpg" class="postimg"></a>
<a class="tip" title="Страница списка тем"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_3.jpg" class="postimg"></a>
<a class="tip" title="Страница топика форума"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_4.jpg" class="postimg"></a>
<a class="tip" title="Оформление цитат"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_5.jpg" class="postimg"></a>
</div>

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

<a class="tip" id="cover" title="Design for forum role-playing game Enirin in dark fantasy style">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_COVER.jpg" class="postimg">
</a>

</div>

<div id="port-block2" class="saled eng">
<a class="tip" title="Site header and announcement"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_1.jpg" class="postimg"></a>
<a class="tip" title="Categories and sections of the forum"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_2.jpg" class="postimg"></a>
<a class="tip" title="Topic list page"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_3.jpg" class="postimg"></a>
<a class="tip" title="Topic page"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_4.jpg" class="postimg"></a>
<a class="tip" title="Quotations style"><img src="http://gerda.moy.su/MyBB_files/FD/Enirin/Eni_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
Сайт заказчика

Макет выполнен в стиле темного фентези с соблюдением четких предпочтений заказчика. Цветовая гамма темная с использованием бордовых и золотых оттенков, область публикацации контента светлая. Для объема в дизайне использовалось множество текстур и световые эффекты для шапки форума.
Форумные таблицы снабжены фоновыми изображениями и окантовками. Детализированный стиль сообщений пользователей на странице топика.
Дизайн исполнен со сложной двойной окантовкой тела форума. В шапку встроено дополнительное меню с навигацией по важным разделам форума.
Меню навигации и юзер меню расположены вертикально по бокам от блока объявления.
В объявлении встроен и стилизован контейнер с переключающимися вкладками.
Выделение активных строк форумных таблиц при наведении курсора. При разработке окантовок учтено наличие скрипта сворачивания категорий. Все типы иконок топиков имеют активный (есть новые сообщения) и неактивный (нет новых сообщений) вариант.

detailed description

Engine: MyBB
Customer's site

The layout is made in the style of dark fantasy according to preferences of the customer. The color scheme is dark with the use of burgundy and gold shades, the area of content publishing is light. For the volume i used in the design a lot of textures and lighting effects for the forum's header. Forum tables are provided with background images and outlines. Detailed style of posts on the topic page.
The design is made with a complex double outline of the body of the forum. In the header there is an additional menu with navigation on important sections of the forum.
The navigation menu and user menu are located vertically on the sides of the announcement block.
The announcement has a built-in and stylized container with switching tabs.
Selection of active rows of forum tables when hovering over the cursor. When developing outlines, the presence of a folding categories script is taken into account.
All types of topic icons have active (there are new messages) and inactive (no new messages) style.