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

Объявление

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

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

Спойлеры

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

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

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

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



Адаптивный дизайн для форума Кузнечик

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

1

[html]
<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="saled">

<img src="https://forumupload.ru/uploads/0007/e3/f7/2/508401.jpg" id="export">
<a class="tip" id="cover" title="Адаптивный дизайн для форума мобильной игры Кузнечик">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/2617/935603.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 05.2020<br>
Автор: <a href="/profile.php?id=6784" target="_blank">Bruksa</a> & <a href="/profile.php?id=6774" target="_blank">satsana</a><br>
Описание: Адаптивный дизайн для форума мобильной игры Кузнечик<br>
<a id="store" href="http://domkyznechik.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/2617/723376.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/2617/847913.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/2617/485099.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/2617/647109.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/2617/701566.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/2617/123459.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/2617/515358.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/2617/463212.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/2617/275658.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]

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

ИДЕЯ ПРОЕКТА И ГРАФИКА
Дизайн разрабатывался для форума, посвященного мобильной игре "Загадочный дом".
По идеям заказчика движок форума был полностью переработан под мобильные устройства и планшеты, чтобы интерфейсом форума было удобно пользоваться игрокам мобильного приложения.

Разработан макет интерфейса, удобный для пользователей мобильных устройств. Создано оформление форума в трех цветовых решениях: светлый, темный и "морской".

ВЕРСТКА И СКРИПТЫ
Код дизайна адаптивный на 4 варианта ширины монитора.

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

Создано индивидуальное меню, работающее в том числе и в админке.
Стили форума переключаются при помощи индивидуально разработанного скрипта, добавляющего новые классы стилизации - таким образом, в отличие от стандартных для форумов mybb переключателей, не требуется хранить отдельные файлы стилей для других дизайнов, и любые правки производятся просто и быстро.

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

По клику на строчку топика в списке тем происходит переход к последнему сообщению темы, что удобно для пользователей мобильных устройств.

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

ForumD очень нужны подписчики в социальных сетях!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png  https://forumupload.ru/uploads/0007/e3/f7/2/385418.png https://forumupload.ru/uploads/0007/e3/f7/2/633661.png

С увеличением числа подписчиков нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект, просто подпишись! :)

+1

2

мне темная тема очень нравится...
а "загадочный дом" - это разве не игра вк?

+1

3

Гуру
ну, не только ВК. есть на андройде и на айфоне.
конкретно эти ребята играют с мобильных на iOS, так что форум заточен именно под мобилки.

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

ForumD очень нужны подписчики в социальных сетях!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png  https://forumupload.ru/uploads/0007/e3/f7/2/385418.png https://forumupload.ru/uploads/0007/e3/f7/2/633661.png

С увеличением числа подписчиков нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект, просто подпишись! :)

+1

4

Герда
блин, я ваще не понимаю людей, которые играют в мобилки

+1

5

Гуру
девочки часто играют в мобилки.
капитализация кендикраш сага не даст соврать. :D
к сожалению, в комп.игрушках так исторически сложилось, что маркетологи делают акцент на поцанов. Например, попробуй привести в пример какой-нить шутан, который по дизайну тянет на унисекс? разве что овервотч. если б в комп игрушках чаще таргетировались на оба пола, девки играли бы в них чаще.
ну а мобильный рынок просто играет с незанятой аудиторией и напротив - реже выпускают что-то, что понравилось бы мальчикам. если тебе поставить игрульку на подобии кендикраше, только с адекватным дизайном и челенджем, ты б тоже позалипал.

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

ForumD очень нужны подписчики в социальных сетях!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png  https://forumupload.ru/uploads/0007/e3/f7/2/385418.png https://forumupload.ru/uploads/0007/e3/f7/2/633661.png

С увеличением числа подписчиков нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект, просто подпишись! :)

+1

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

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


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

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