[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="Оформление страниц в VK & Instagram">
<div id="icon"></div>
<img src="https://forumupload.ru/uploads/0007/e3/f7/6822/389962.png" class="postimg">
</a>
<div id="cover-block">
Дата: 06.07.2021<br>
Автор: <a href="/profile.php?id=7006" target="_blank">ocean</a> <br>
Стоимость: 3000р<br>
Сайты заказчика: <a href="https://xs.sitho.ru/" target="_blank">Кинокомпост (сайт про кино)</a> | <a href="https://domkyznechik.ru/" target="_blank">Кузнечик (форум с играми)</a> <br>
Соцсети заказчика: <a href="https://vk.com/id210095316" target="_blank">VK</a> | <a href="https://www.instagram.com/nadezda_vaganova/" target="_blank">Instagram</a> <br>
Описание: оформление для страниц в социальных сетях VK & Instagram в очень сжатые сроки.
</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/464013.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/817875.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Оформление в Instagram"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/852567.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/311722.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Фон для сторис 1"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/681638.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Фон для сторис 2"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/283438.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/819667.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/556574.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/776283.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/846912.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(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]
На этих страницах заказчица делится фильмами, которые нравятся или не нравятся со своего сайта про кино, а так же играми с форума.
Задача стояла в оформлении объединить такие разные настроения двух площадок. Предпочтения по цветам: "Темные цвета, ночной город или дом в ночи, но уютный, в который тянет зайти, а не избушка маньяка."
В комплект оформления входили аватар, 30 обложек по жанрам кино, обложки для альбомов, фон для сторис, картинки с надписью для оформления постов, а также заказчику был передан psd-шаблон для создания новых изображений самостоятельно.