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

Объявление

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

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

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

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

Подробнее
Ищешь чем бы украсить свой форум или сайт к Хэллоуину? 🎃 Мы поможем нарядиться! 🎃

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

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


Вы здесь » 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/84427.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 42.07.2021<br>
Автор: <a href="https://forumd.ru/profile.php?id=7130" target="_blank">Бродяга</a><br>
Платформа: MyBB<br>
Стоимость: бесплатно, в рамках лотереи<br>
Описание: вёрстка мобильной версии дизайна для ролевого форума в жанре хоррора и фантастики.<br>
<a id="store" href="https://staffage.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/7130/249416.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/7130/349183.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/7130/266714.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/7130/222249.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/7130/505609.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/7130/147558.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/818102.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/7130/984059.png" 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
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+3

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

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


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

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


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