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

<a class="tip" id="cover" title="Фентези стиль по вселенной Forgotten Realms">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_1.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/ForgottenRealms/FR_2.jpg" class="postimg"></a>
<a class="tip" title="Страница топика форума - оформление профиля"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_3.jpg" class="postimg"></a>
<a class="tip" title="Страница переадресации"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_4.jpg" class="postimg"></a>
<a class="tip" title="Страница для информационного контента"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_5.jpg" class="postimg"></a>
<a class="tip" title="Всплывающее слайдшоу по клику на изображение"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_6.jpg" class="postimg"></a>
</div>

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

<a class="tip" id="cover" title="Fantasy style for MyBB forum Forgotten Realms">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_1.jpg" class="postimg">
</a>

</div>

<div id="port-block2" class="saled eng">
<a class="tip" title="Website header and table in the ad"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_2.jpg" class="postimg"></a>
<a class="tip" title="View topic page & profile design"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_3.jpg" class="postimg"></a>
<a class="tip" title="Regirect page"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_4.jpg" class="postimg"></a>
<a class="tip" title="Page for information content"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_5.jpg" class="postimg"></a>
<a class="tip" title="Pop-up slideshow by clicking on the image"><img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_6.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

Простой, но атмосферный дизайн по вселенной Forgotten Realms, D&D. По просьбе заказчика макет выполнен с минимумом мелких деталей, а между фоном и текстовыми блоками создана контрастность. Также по техническому заданию фон форума сделан однородным и темным, но не черным, поэтому для придания атмосферности в дизайн встроена многоцветовая шапка, переходящая в фон. Тело форума выполнено "под пергамент". Бонусом выполнен атмосферный стиль страницы переадресации.
Дизайн исполнен с окантовками всех информационных блоков - для ее исполнения проделана постраничная верстка кода с нуля.
Также выполнено оформление оригинальной окантовки профиля под фиксированный размер аватар и встроен скрипт сворачивания пунктов профиля.
Бонусом сделана HTML-таблица для информации и ссылок.
Также сделан шаблон для сраниц с информацией, на который встроен скрипт всплывающих блоков с HTML-контентом.

detailed description

Engine: MyBB

A simple but atmospheric design for the universe Forgotten Realms, D&D. At the request of the customer, the layout is made with a minimum of small details, and contrast is created between the background and text blocks. Also, according to the brief, the background of the forum is made smooth and dark, but not black, so to impart atmospheric design i made a multicolor header in the background. The body of the forum is made in "parchment" style. As a bonus i made the atmospheric style of the redirect page.
The design is executed with outlining of all information blocks - for its performance the page layout has been done from scratch.
Also, i made the original profile outlining for a fixed size of the avatar and the script for minimizing the profile points is built in.
The bonus is an HTML table for information and links.
Also i built a template for pages with a script of pop-up blocks with HTML content.