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/2/406316.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 15.11.2020<br>
Автор: <a href="https://forumd.ru/profile.php?id=2" target="_blank">Герда</a> & <a href="https://forumd.ru/profile.php?id=6784" target="_blank">Bruksa</a><br>
Платформа: RusFF<br>
Стоимость: 5900р<br>
Описание: Дизайн для ролевого форума и мобильная версия<br>
<a id="store" href="https://rusmagic.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/2/16370.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/2/909797.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/2/378419.gif" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Планшеты, iPad-ы: главная страница"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/989625.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Планшеты, iPad-ы: топиклист"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/178805.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Планшеты, iPad-ы: топики, профили, форма ответа"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/286571.jpg" class="postimg"></a></section>
<a class="tip" title="Широкоформатные мобильные: главная страница"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/500321.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/2/204470.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/2/257027.jpg" class="postimg"></a></section>
<a class="tip" title="Широкоформатные мобильные: профили"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/682464.jpg" class="postimg"></a></section>
<a class="tip" title="Мобильные устройства 375px: главная страница"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/619192.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Мобильные устройства 375px: топиклист"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/350158.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Мобильные устройства 375px: топики, профили"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/912442.jpg" class="postimg"></a></section>
<a class="tip" title="Мобильные устройства 375px: форма ответа"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/810512.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]

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

ГРАФИКА
Так как макета не было, была сделана реконструкция макета: из картинок дизайна был заново воссоздан полный макет, со всеми текстурами и элементами. И отрисованы и заверены макеты адаптивной версии.

ВЕРСТКА И СКРИПТЫ
Для начала был полностью переделан основной дизайн, который ранее был сверстан на базе одного из бесплатных шаблонов. Сделана оригинальная верстка шаблона, от кодов mybb остался небольшой кусочек, почти всё версталось с нуля с сохранением стилистики изначального дизайна. По сравнению с исходным шаблоном, CSS-код дизайна сократился на 65%, а вес графики дизайна на 45%. Также сделан крутой блочный код шапки, который "дизайнится" через css и не требует админа копаться среди милллиона html-тегов. Произведена ревизия всех скриптов, устаревшие заменены, некоторые "починены".

Адаптивка для дизайна сделана с сохранением стилистики оригинального дизайна и использованием ГРАФИКИ. Т.е. это не просто "кодовая" адаптивка, а "ролевая": с сохранением атмосферы игрового форума, текстурками, графикой и ролевыми полями профиля. Версталась также постранично и без использования mybb-кода. Под нее разработан ряд скриптов для спойлеров меню и профиля + скрипт превращения таблички в слайдер - все эти скрипты работают только при ширине экрана, в которую "не помещается" основной дизайн, и не мешают наслаждаться полной версией дизайна.

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

"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

+1

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

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


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

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


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