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

<a class="tip" id="cover" title="Детально проработанный дизайн современного сайта-блога на базе бесплатных форумов MyBB.ru">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_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/MyBBF/MyBBF_1.jpg" class="postimg"></a>
<a class="tip" title="Страница списка тем: описания топиков, выделение разных типов топиков"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_2.jpg" class="postimg"></a>
<a class="tip" title="Страница топика: блоговое оформление профиля пользователя, замена ссылок управления топиком на иконки и т.д."><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_3.jpg" class="postimg"></a>
<a class="tip" title="Закрепленный пост на страницах топика."><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_4.jpg" class="postimg"></a>
<a class="tip" title="Включенная настройка стиля «Полный профиль в сообщениях»"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/Decr_MyBBF_9.jpg" class="postimg"></a>
<a class="tip" title="Оформление цитат и кода"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_7.jpg" class="postimg"></a>
<a class="tip" title="Полная форма ответа, отображение последних сообщений топика"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_9.jpg" class="postimg"></a>
<a class="tip" title="Оформление личных сообщений"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_11.jpg" class="postimg"></a>
</div>

<!-- English  -->
<div id="port-block1" class="saled eng">
<a class="tip" id="cover" title="Detailed design of a modern blog site on the basis of free forums MyBB.ru">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_COVER.jpg" class="postimg">
</a>
</div>

<div id="port-block2"  class="saled eng">
<a class="tip" title="Main Page: side bar, style of categories"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_1.jpg" class="postimg"></a>
<a class="tip" title="View forum Page: descriptions of topics, the selection of different types of topics"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_2.jpg" class="postimg"></a>
<a class="tip" title="View topic Page: blog design of the user profile, replacement of the links management topic on the icons, etc."><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_3.jpg" class="postimg"></a>
<a class="tip" title="Sticky post on the pages of the topic"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_4.jpg" class="postimg"></a>
<a class="tip" title="Enabled "Full profile" in messagesї style setting"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/Decr_MyBBF_9.jpg" class="postimg"></a>
<a class="tip" title="Style of quote and code boxes"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_7.jpg" class="postimg"></a>
<a class="tip" title="Full submit form, displaying the latest posts of the topic"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_9.jpg" class="postimg"></a>
<a class="tip" title="Style of private messages page"><img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_11.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
ДЕМО

Дизайн MyBB Bright Flat - это имитация современного сайта-блога на базе бесплатных форумов MyBB.ru.
По сути в нем собран огромный набор оригинальных дизайн-решений для форума, изменяющих стандартный форум до неузнаваемости.
Также стиль работает на базе уникальных скриптов, помогающих в видоизменении форума, а частности - переделанный скрипт смены стиля, в который входит не только стандартный переключатель, но и возможность опционального подключения нескольких дополнительных стилей одновременно.

Главная страница

http://s3.uploads.ru/t/T4mpo.jpg http://s2.uploads.ru/t/7x9Qw.jpg

• Оригинальное оформление категорий форума в виде последовательных блоков
• Выделение категорий с новыми сообщениями и переадресацией
• Возможность вставки больших описаний с автопрокруткой контента
• Количество тем и ответов вынесено вниз блока и стилизовано иконками
• Ссылка на последнее сообщение появляется при наведении курсора на описание раздела
• Оригинальное оформление статистики
• Анимация плавного появления категорий при прокрутке страницы (опционально)

Сайд-бар: смена стилей, меню форума, юзер-панель, дополнительные опции

http://s2.uploads.ru/t/odg6C.jpg http://s7.uploads.ru/t/HfsUr.jpg

• Справа фиксированный сайд-бар с стандратным функционалом движка и дополнительными скриптами
• В сайд-бар входят ссылки: на главную страницу, меню навигации, пользовательское меню, юзер-панель, дополнительные опции, прокрутка страницы вверх
• Ссылки сайд-бара стилизованы при наведении курсора. При выборе пункта форум засветляется, выделяя выбранное меню.
• Стрелка прокрутки вверх появляется только на длинных страницах, когда пользователь опускается вниз.
• Каждое меню выделено своим цветом, пункты меню имеют стиль при наведении курсора
• Помимо меню навигации встроен скрипт быстрого поиска по форуму.
• Юзер-панель представлена в двух вариантов: для гостей форума (с предложениями зарегистрироваться) и для участников форума (с настройками профиля и статистикой)
• В дополнительные опции входит скрипт пиар-входа и меню опциональных подключаемых стилей:
       • Включить/выключить статистику - убирает/возвращает блок статистики форума на главной и количество тем/ответов/просмотров в разделах форума.
       • Включить/выключить анимацию - деактивирует плавную анимацию появления контента при прокрутке страниц
       • Полный профиль в сообщениях - выключает/выключает отображение полного профиля справа от сообщения (как на стандартных дизайнах для форума)
       • Другие настройки - ссылка на страницу Профиль > отображения
• Все стили в дополнительных опциях работают ОДНОВРЕМЕННО друг с другом, в отличие от стандартного переключателя
• Опциональный стиль полного профиля корректно работает не только в сообщениях, то и на страницах поиска, предпросмотра и личных сообщений

Страница списка тем (форумы)

http://s2.uploads.ru/t/GhYLc.jpg http://s2.uploads.ru/t/E7Sj0.jpg

• Список тем также оформлен в виде последовательных блоков
• Каждый тип топика имеет свой стиль оформления: закрытые, важные, важные-закрытые и т.д.
• Надписи типа топика ("закрыто", "важно", "новые сообщения") заменены на иконки
• Стилизованы ссылки на новые сообщения и создание новых тем/опросов
• Количество ответов и просмотров, а также автор топика вынесены вниз блока и стилизовано иконками
• Встроен и стилизован скрипт описания топиков
• Ссылка на последнее сообщение появляется при наведении курсора на описание топика
• Добавлен уникальный стиль пагинации по страницам.
• Анимация плавного появления топиков при прокрутке страницы

Страница топика (сообщения на форуме)

http://s7.uploads.ru/t/umdnW.jpg http://s2.uploads.ru/t/0KWLF.jpg

• Оригинальное оформление "хлебных крошек", сам навигатор работает только на страницах, углубленностью в две и более ссылки
• Оформлена пагинация по страницам и задан стиль ссылки Ответа
• Оформлен модуль рекомендаций на партнерке QuadroBoards (RusFF)
• Оформлен модуль "Похожие темы" от MyBB и аналогичный модуль от партнерки QuadroBoards (RusFF), обеспечена их совместимость и одновременная работа
• Уникальное оформление модуля "Теги" для форумов QuadroBoards (RusFF)
• Встроен скрипт аватара по умолчанию
• Оригинальное оформление изменения репутации и рейтинга сообщения
• Плавное появление сообщений при прокрутке страницы

http://s2.uploads.ru/t/pdlKt.jpg http://s3.uploads.ru/t/0j9Ca.jpg

• Задан уникальный стиль поста для функции "Закрепить сообщение на всех страницах темы"
• Во всех топиках первое сообщение отличается по стилю, остальные имею отступ и обрамление (имитация комментариев к статье как на сайтах-блогах)

http://s3.uploads.ru/t/Mo4pf.jpg http://s6.uploads.ru/t/17FjX.jpg

• По умолчанию на форуме горизонтальный профиль:
     • аватары строго зафиксированы в размере через стиль;
     • оригинальное оформление репутации пользователя;
     • встроен скрипт индикатора активности;
     • ссылки профиля находятся над текстом сообщения;
     • для гостей отображается статус вместо ссылок профиля;
• Кнопки управления сообщением находятся над текстом поста
• При включении опциональной функции "Полный профиль", профиль автора сообщения становится справа от текста сообщения, ссылки профиля и управления сообщением переносятся под текст сообщения.
• Задан стиль модуля "Поделиться" для форумов QuadroBoards (RusFF)
• Оригинальное оформление модулей QuadroBoards (RusFF) "Жалобы", "Репутация" и "Граффити"

http://s7.uploads.ru/t/c1eam.jpg http://s6.uploads.ru/t/pMQnX.jpg http://s6.uploads.ru/t/JNKvV.jpg

• Задан уникальный стиль форматирования текста для блоков кода, цитат, сройлеров и таблиц.

Предпросмотр сообщения

http://s3.uploads.ru/t/m5ACP.jpg http://s3.uploads.ru/t/JVW5A.jpg

• Стилизация страницы предпросмотра сообщения
• Откорректирован стандартный стиль формы ответа
• Оригинальный стиль сообщений на странице предпросмотра с чередованием оттенка
• Анимация плавного появления сообщений на странице предпросмотра при прокрутке страницы
• Выделение уникальным стилем последнего сообщения на странице предпросмотра

Личные сообщения

http://s6.uploads.ru/t/Je3yv.jpg http://s7.uploads.ru/t/T5Xz7.jpg http://s3.uploads.ru/t/uvFjQ.jpg http://s3.uploads.ru/t/b2G0a.jpg

• Выполнена наша фирменная стилизация страницы Личных сообщений с несколькими дополнениями
• Горизонтальное меню на странице личных сообщений, при этом на странице редактирования профиля осталась стандартная верстка (вертикальное меню)
• Оригинальная стилизация меню папок и меню управления сообщениями
• Выделение новых сообщений
• Опциональная функция "полный профиль" корректно работает на страницах Личных сообщений

Другие страницы

http://s2.uploads.ru/t/pRXob.jpg http://s7.uploads.ru/t/GhT1W.jpg

• Задан стиль на страницах списка пользователей и других таблицах форума.
• Оригинальное оформление страницы профиля пользователя.
• Стилизация поиска и анимация плавного появления сообщений на страницах поиска по сообщениям.

detailed description

Engine: MyBB
DEMO

Design MyBB Bright Flat - is an imitation of a modern blog site on the basis of free forums MyBB.us.
In fact, it assembled a huge set of original design solutions for the forum, changing the standard forum beyond recognition.
Also, the style works on the basis of unique scripts that help in modifying the forum, in particular, a remaded style change script, which includes not only a standard switch, but also the option of optionally connecting several additional styles simultaneously.

Main Page of the forum

http://s3.uploads.ru/t/T4mpo.jpg http://s2.uploads.ru/t/7x9Qw.jpg
• Original style forum categories in the form of consecutive blocks
• Style for categories with new messages and redirects
• Ability to insert large descriptions with autoscroll content
• The number of topics and posts is rendered down the block and styled with icons
• A link to the last message appears when you hover over the description of the section
• Original style of statistics
• Animating smooth appearance of categories when scrolling the page (optional)

Side bar: change styles, forum menu, user-panel, additional options

http://s2.uploads.ru/t/odg6C.jpg http://s7.uploads.ru/t/HfsUr.jpg
• On the right is a fixed side bar with the standard functionality of the engine and additional scripts.
• The sidebar includes links to the main page, the navigation menu, the user menu, the user panel, additional options, scrolling the page upwards.
• Side bar links are styled when you hover over the cursor. When the item is selected, the forum lights up, highlighting the selected menu.
• The scroll up arrow only appears on long pages when the user drops down.
• Each menu is highlighted in its own color, menu items have a style when you hover the cursor.
• In addition to the navigation menu, there is a built-in quick search script for the forum.
• User-panel is presented in two options: for forum guests (with suggestions to register) and for forum members (with profile settings and statistics).
• Additional options include a PR-link script and a menu of optional plug-in styles:
       • i]Enable / Disable stats[/i] - removes / returns the block of statistics on the main of forum and the number of topics/posts/views in the forum sections.
       • Enable / Disable animation - displays a smooth animation of the appearance of content when scrolling pages.
       • Full profile in posts - Turns off/on the display of the full profile to the right of the message (as on the standard design for the forum).
       • Other settings - link to Profile page > Options
• All styles in the additional options work simultaneously with each other, unlike the standard switch.
• The optional full profile style works correctly not only in posts, but also on search pages, post previews and private messages.

View Forum Page

http://s2.uploads.ru/t/GhYLc.jpg http://s2.uploads.ru/t/E7Sj0.jpg
• The list of topics is also designed in the form of consecutive blocks.
• Each type of topic has its own style of design: closed, important, important-closed, etc.
• Inscriptions of topics ("closed", "important", "new messages") are replaced with icons.
• Stylized links to new messages and creating new topics/polls.
• The number of posts and views, as well as the author of the topic are taken down the block and styled with icons.
• Built and stylized topic description script.
• The link to the last message appears when you hover over the topic description.
• Added a unique pagination style for pages.
• Animating the smooth appearance of topics when scrolling the page.

View Topic Page and Posts

http://s7.uploads.ru/t/umdnW.jpg http://s2.uploads.ru/t/0KWLF.jpg
• The original design of "bread crumbs", the navigator itself works only on the pages, in-depth in two or more links.
• Stylized pagination by pages and the new post link.
• The module of recommendations on the partner QuadroBoards (RusFF) is issued.
• The module "Related Topics" from MyBB and a similar module from the QuadroBoards affiliate (RusFF) are designed, their compatibility and simultaneous operation are ensured.
• Unique design of the "Tags" module for the QuadroBoards forums (RusFF).
• Built-in default avatar script.
• Original design of reputation change and message rating
• Smooth appearance of messages when scrolling the page

http://s2.uploads.ru/t/pdlKt.jpg http://s3.uploads.ru/t/0j9Ca.jpg
• A unique style of the post for the function "Fix first post on every page of topic".
• In all topics the first post differs in style, the rest have indentation and framing (imitation of comments to the article as on blog sites)

http://s3.uploads.ru/t/Mo4pf.jpg http://s6.uploads.ru/t/17FjX.jpg
• By default on the forum the horizontal profile:
     • avatars are strictly fixed in size through style;
     • original design of the user's reputation;
     • built-in script activity indicator;
     • the profile links are above the message text;
     • for guests, status is displayed instead of profile links;
• The message control buttons are located above the text of the post.
• When the optional "Full profile" option is enabled, the author's profile becomes to the right of the post text, the profile link and message control are transferred to the post text.
• Set style of the "Share" module for the QuadroBoards forums (RusFF).
• Original design of modules QuadroBoards (RusFF) "Complaints", "Reputation" and "Graffiti"

http://s7.uploads.ru/t/c1eam.jpg http://s6.uploads.ru/t/pMQnX.jpg http://s6.uploads.ru/t/JNKvV.jpg
• A unique style of text formatting for blocks of code, quotes, spoilers and tables is specified.

Post Preview

http://s3.uploads.ru/t/m5ACP.jpg http://s3.uploads.ru/t/JVW5A.jpg
• Styling the post preview page.
• Corrected standard submit form style.
• Original style of posts on the preview page with alternating shades.
• Animating the smooth appearance of messages on the preview page when scrolling the page.
• Highlighting the last post on the preview page with a unique style.

Private messages

http://s6.uploads.ru/t/Je3yv.jpg http://s7.uploads.ru/t/T5Xz7.jpg http://s3.uploads.ru/t/uvFjQ.jpg http://s3.uploads.ru/t/b2G0a.jpg
• Our branded styling of the Personal messages page with several additions.
• The horizontal menu on the page of personal messages, while the standard editing page remained on the profile editing page (vertical menu).
• Original styling of the folders menu and the message management menu.
• Highlight new messages.
• The optional "full profile" function works correctly on the Personal messages pages.

Other pages

http://s2.uploads.ru/t/pRXob.jpg http://s7.uploads.ru/t/GhT1W.jpg
• The style is set in the user list and other forum tables.
• Original design of the user profile page.
• Stylized search and the animation of the smooth appearance of posts on the search result pages.