[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="Дизайн для форума RP сервера по игре Life is Fudal">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/AsRP/AsRP_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/AsRP/AsRP_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/AsRP/AsRP_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/AsRP/AsRP_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/AsRP/AsRP_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/AsRP/AsRP_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/AsRP/AsRP_6.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]
Иллюстратор: Nix Nemeni
Сайт заказчикаСпециально по заказу также была нарисована дополнительная графика с нуля: эмодзи в средневековом стиле, картинки для достижений, медальки, а также карта и иконки для размещения на ней.
Детализированная постраничная верстка, окантовка форума, окантовка всех блоков и секций.
Меню форума сделано кнопками с свечением при наведении курсора. В объявлении созданы блоки для ссылок и информации о форуме, а также создано выпадающее меню на css3.
Специально для заказчика выполнена кастомизированная верстка форума и разработан скрипт спойлера профиля с меняющимися картинками.
Иконки наград и достижений пользователя фиксированы.
Большая картинка спойлера информации о персонаже меняется в зависимости от группы пользователя и его пола.
Любая информация, спрятанная под спойлерами, появляется под окантовкой профиля.