[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="saled">
<a class="tip" id="cover" title="Дизайн для форумной ролевой игры Гарри Поттер: Ильвермони Кэри">
<div id="icon"></div>
<img src="https://forumupload.ru/uploads/0007/e3/f7/6822/685087.jpg" class="postimg">
</a>
<div id="cover-block">
Дата: 21.08.2020<br>
Автор: <a href="https://forumd.ru/profile.php?id=6784" target="_blank">Bruksa</a> & <a href="https://forumd.ru/profile.php?id=6774" target="_blank">satsana</a><br>
Платформа: MyBB<br>
Стоимость: 5300р<br>
Описание: Дизайн для форумной ролевой игры Гарри Поттер: Ильвермони Кэри<br>
<a id="store" href="http://janscamander.mybb.ru/" target="_blank">Сайт заказчика</a>
</div>
</div>
<div id="port-block2" class="saled">
<a class="tip" title="Главная страница"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/685087.jpg" class="postimg"></a>
<a class="tip" title="Cтраница топика"><img src="https://i.imgur.com/HS1hLSp.jpg" class="postimg"></a>
<a class="tip" title="Страница списка топиков"><img src="https://i.imgur.com/qxdPjtR.jpg" class="postimg"></a>
<a class="tip" title="Страница авторизации"><img src="https://i.imgur.com/8af3RDA.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); color: #fff !important;}
</style>[/html]
ГРАФИКА И ВЁРСТКА
Согласно пожелания заказчика дизайн должен создавать атмосферу чего-то открытого, свободного и толерантного ко всему. В дизайне должны преобладать светлые цвета, но при этом на логотипе должен быть замок. На странице авторизации индивидуальный фон в виде пергамента. Настроена анимация при наведении:
Декоративные элементы в виде искорок и листочков иногда "растут" поверх фона. Мобильной версии нет, но очевидные баги при отображении форума с мобильных устройств исправлены.