ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Поисковой ресурс

Проект от команды FD

Спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Большая новость! Восстановление потерянного контента, уход одного админа и новое правило - обо всём читайте по ссылке.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Оформление страниц в VK & Instagram

Сообщений 1 страница 1 из 1

1

[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-шаблон для создания новых изображений самостоятельно.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+2

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляй ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "http://", "https://" или "www."