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/371901.png" class="postimg">
</a>

<div id="cover-block">
Дата: 24.05.2021<br>
Автор: <a href="https://forumd.ru/profile.php?id=7032" target="_blank">kozhilya</a><br>
Платформа: MyBB<br>
Стоимость: около 5000р<br>
Описание: полная вёрстка и адаптация под мобильные устройства для форумной ролевой игры в стиле фентези с двумя версиями дизайнов<br>
<a id="store" href="http://almarein.spybb.ru/" target="_blank">Сайт заказчика</a>
</div>

</div>

<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 1 (главная страница)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/216632.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 1 (топиклист)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/551898.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 1 (страница постов)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/909393.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 1 (форма ответа)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/35753.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/774368.gif" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (главная страница, десктопная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/59360.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (топиклист, десктопная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/122915.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (страница постов, десктопная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/817733.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (форма ответа, десктопная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/208142.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (главная страница, мобильная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/575589.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (топиклист, мобильная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/646441.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (страница постов, мобильная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/470610.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Дизайн 2 (форма ответа, мобильная версия)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/726080.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]

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

ВЕРСТКА И СКРИПТЫ
Для начала, по имеющимся у заказчика графических макетов, были перевёрстаны два дизайна и была подключена смена дизайнов по клику на кнопки "Дизайн 1" и "Дизайн 2". При этом, таблица при смене дизайнов подстраивается автоматически под новые CSS параметры: из боковой перестраивается в традиционную.

Были исправлены все баги и ошибки в коде. Была проведена ревизия скриптов: старые скрипты были заменены на более актуальные версии, некоторые скрипты (где можно было) были заменены на css-решения. Были адаптированы 4 авторских бб-тегов: смена имиджа в посте, красная строка, фон изображений, цвет текста и самописная реализация секретных сообщений.

Также для второго дизайна, на основе мобильного стиля от майбб была свёрстана мобильная версия для планшетов и мобильных устройств. 

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

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+4

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

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


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

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


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