[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/483226.jpg" class="postimg">
</a>
<div id="cover-block">
Дата: 20.04.2021<br>
Автор: <a href="https://forumd.ru/profile.php?id=7006" target="_blank">ocean</a><br>
Платформа: MyBB<br>
Стоимость: 3000р<br>
Описание: Дизайн для ролевой по "Горцу" в сеттинге фандома<br>
<a id="store" href="http://forevertoday.rusff.me" 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/320555.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/605731.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Листовка для рекламы ролевого форума"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/237976.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]
ГРАФИКА
Заказ был без чёткого технического задания. Пожеланий было немного: сохранить в качестве основного близкий цвет к #dfd4c8, не использовать яркие элементы, сохранить значки в профилях, чтобы была общая "аккуратная строгость" дизайна и светлые серо-бежевые или серо-коричневые тона. Остальное оформление и подбор исходников были на усмотрение мастера.Также, в качестве бонуса, был сделан psd-шаблон для рекламы персонажей в объявлении и рекламная листовка.
ВЕРСТКА И СКРИПТЫ
Вёрстка была сделана на базе одного из бесплатных шаблонов, без адаптивности под мобильные устройства. Но на главной странице и на странице списка топиков были сделаны разные иконки новых\старых сообщений, а также свёрстано объявление в шапке форума с кликабельными ссылками, двумя информационными блоками и слайдером для рекламы нужных персонажей. В футере форума предусмотрен блок для 18 баннеров, размером 88*31 пикселей.Оформление некоторых скриптов было настроено под новый дизайн.
- Подпись автора
"You don't need to be protected,
Because nothing shocks you any more." © Mesh
