Акция! Дизайн «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/AKZ/AKZ_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/AKZ/AKZ_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/AKZ/AKZ_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/AKZ/AKZ_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/AKZ/AKZ_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/AKZ/AKZ_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/AKZ/AKZ_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/AKZ/AKZ_7.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. Произведена корректировка стиля на страницах Личных сообщений. Также встроен блок рекрутинга в гильдию и стилизован под дизайн форума.
На главной странице сделан и стилизован сайд-бар с юзер-панелью и своим контентом. Также добавлены стрелки прокрутки страниц и выделение профиля автора офлайн/онлайн.
