Акция! Дизайн «MyBB Technical Support»
[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="Дизайн для форума гильдии Сердца Шторма в тематике фракции Альянс">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/WoW-all/WoW-all_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-all/WoW-all_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-all/WoW-all_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-all/WoW-all_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-all/WoW-all_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-all/WoW-all_5.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-all/WoW-all_6.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-all/WoW-all_7.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-all/WoW-all_8.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-all/WoW-all_9.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]
Дизайн выполнен в тематике фракции Альянс World of Warcraft.
Создан детальный постраничный макет форума в стиле rpg игр. Каждый элемент стиля содержит фоновые текстуры и окантовки.
Лого гильдии перенесено на знамя, шапка сайта и блок объявления сопровождают коллажированные фоны в тематике Альянса.
Выполнена детальная постраничная верстка макета.
В объявлении сделаны блоки для дополнительных меню и встроен блок рекрутинга в гильдию. В меню навигации добавлена ссылка на информацию о гильдии, стилизованная под знамя гильдии.
Оформлена большая зона копирайта форума со ссылками на важную информацию о гильдии.
Уникальный стиль оформления категорий форума и верстка форумных таблиц. Также сделано выделение строк таблиц при наведении курсора. На главной также встроен уникальный стиль отображения разделов избранной категории (классовой механики).
Добавлена фирменная верстка стиля на страницах Личных сообщений.
Профиль пользователя с выделением профиля автора ОНЛАЙН.
Разные стили для быстрой и полной форм ответа, свечение активных форм на CSS3.
Также произведена оптимизация стиля под мобильные устройства.
Встроен скрипт импорта аватарок персонажей пользователей и цветовыделения ников с армори World of Warcraft, а также всплывающие подсказки Wowhead. Добавлен скрипт предпросмотра сообщений в быстрой форме ответа.
