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

Объявление

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

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

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

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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



Адаптивный дизайн для игрового форума

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

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/85859.jpg" id="export">
<a class="tip" id="cover" title="Адаптивный дизайн для игрового форума">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/2617/168860.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 13.09.2020<br>
Автор: <a href="https://forumd.ru/profile.php?id=2" target="_blank">Герда</a><br>
Платформа: MyBB<br>
Стоимость: 8000р<br>
Описание: Адаптивный дизайн для игрового форума<br>
<a id="store" href="http://tzgame.mybb.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/939998.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/967212.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/788819.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/486211.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/274995.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/938013.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/633414.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/377195.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/423529.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/27346.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/686915.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/959159.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]

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

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

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

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

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

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

0

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

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


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

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