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

Объявление

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

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Нам очень нужна обратная связь!

Пройти опрос

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Подробнее
Внимание! Если вы знаете что такое текстовые ролевые игры, пройдите, пожалуйста, этот опрос. Спасибо!

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

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


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


Дизайн для форумной ролевой игры Метавалломентов в жанре фэнтези

Сообщений 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="Дизайн для форумной ролевой игры Метавалломентов в жанре фэнтези">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/6822/997324.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 20.11.2021<br>
Автор: <a href="https://forumd.ru/profile.php?id=7006" target="_blank">ocean</a> & <a href="https://forumd.ru/profile.php?id=7130" target="_blank">бродяга</a>; <a href="https://forumd.ru/profile.php?id=1879" target="_blank">Schmidt</a> (отрисовка фона для категорий)<br>
Платформа: MyBB<br>
Стоимость: 5640р<br>
Описание: Дизайн для форумной ролевой игры Метавалломентов в жанре фэнтези<br>
<a id="store" href="http://metavallomentov.1bb.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/997324.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/524157.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/994055.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/910451.jpg" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Два варианта оформления категорий"><img src="https://i.gyazo.com/934564b4d9b2e8cc1977082349eaa461.gif" 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/112473.png" 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/476061.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/647397.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]

подробное описание

ГРАФИКА

Макет сделан в зелёно-коричневых тонах, с мотивами дерева, книг, холодного оружия и природы. Передано настроение спокойствия и радости. В дизайне использован сложный фон (трава, небо, летающий замок, искры и лепестки), который был создан графическим дизайнером из разных элементов. Разработано много мелких деталей: иконки, кнопочки, разделители, цветочки, виноградные лозы, украшения и завитки.

Сделано два варианта для объявлений (на светлом и на тёмном фоне, заказчица одобрила на тёмном) и дизайн всплывающей по клику на иконку таблицы. Фон для категорий (свиток) отрисован вручную художником.

ВЕРСТКА
Во время вёрстки было учтено много мелких деталей: цвет фона маркированного текста, фон для форм, дизайн кнопок, полосы прокрутки (где-то они сделаны в тон дизайна, где-то отключены) и так далее.

Помимо этого было свёрстано два варианта оформления описания категорий: просто с текстом и картинкой, при наведении на которую появляется текст. Всплывающая табличка с дополнительными данными юзера была свёрстана по макету.

Также для администратора форма было подготовлено два варианта плеера в постах (с автопроигрыванием и без), а также добавлена возможность создавать таблицы как с видимыми, так и с невидимыми границами - эти коды были добавлены в качестве пресетов в форму ответа.

Дизайн был протестирован на корректное отображение с мобильных.

СКРИПТЫ
Скрипты, находящиеся в общем доступе были настроены, подогнаны под дизайн и установлены на форум:

  • Озвучка постов;

  • Спойлер мини-профиля в топиках;

  • Стрелки прокрутки вверх и вниз;

  • Дайсы;

  • Фон для текста сообщений;

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

"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

+3

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

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


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

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


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