[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="Дизайн для для форума гильдии World of Warcraft">
<div id="icon"></div>
<img src="https://i.imgur.com/kLUMrHG.jpg" class="postimg">
</a>
<div id="cover-block">
Дата: 30.11.2020<br>
Автор: <a href="https://forumd.ru/profile.php?id=7004" target="_blank">Ocean</a> & <a href="https://forumd.ru/profile.php?id=6774" target="_blank">satsana</a><br>
Платформа: MyBB<br>
Стоимость: 4800р<br>
Описание: Дизайн для для форума гильдии World of Warcraft <br>
<a id="store" href="http://azerothcross.mybb.ru/" target="_blank">Сайт заказчика</a>
</div>
</div>
<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница (фон нормальный, это на скрине так)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/107321.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Cтраница списка топиков (фон нормальный, это на скрине так)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/165577.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Cтраница с постами (фон нормальный, это на скрине так)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/593556.jpg" class="postimg"></a></section>
<a class="tip" title="Таблица"><img src="https://i.imgur.com/eCRxxtT.gif" class="postimg"></a></section>
<a class="tip" title="Переадресация"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/295156.png" 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]
ГРАФИКА
При разработке макета были учтены пожелания заказчика о совмещении светлого и темного фона и о расположении элементов в шапке. Была сохранена стилистика нового дополнения WoW "Shadowlands".ВЕРСТКА
Выполнена адаптивная вёрстка под разные расширения мониторов (от 600px до-о-о-о... не то чтобы бесконечности, но большие мониторы поддерживаются). Мобильные версии подхватывают планшетную для 600px. Настроен внешний вид новейшего функционала майбб - подфорумов.СКРИПТЫ
Установлены и оформлены актуальные версии скриптов с поддержкой ajax: "Ролевые маски", "Спойлер мини-профиля".