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

Объявление

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

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

Спойлеры

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

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

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

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



Дизайн для MyBB Events In Valencia

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

1

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

<img src="https://forumupload.ru/uploads/0007/e3/f7/5063/604135.jpg" id="export">
<a class="tip" id="cover" title="Дизайн для MyBB форума в сиренево-зелёных тонах">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/5063/604135.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 05.06.2022<br>
Автор: <a href="/profile.php?id=5063" target="_blank">As</a>, <a href="/profile.php?id=2" target="_blank">Герда</a>, <a href="/profile.php?id=6822" target="_blank">Automation Baby</a><br>
Платформа: MyBB<br>
Бесплатный дизайн<br>
Описание: Дизайн для MyBB форума в сиренево-зелёных тонах. Нейтральный и легкоперекрашиваемый стиль. Делался в свободный каталог в качестве эксперимента и изучения вёрстки. Если найдёте баги или будут вопросы - пишите.
</div>

</div>

<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница - не смотрите на скрин, фон однотонный"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/671425.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/6822/660639.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/180999.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/62025.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/848928.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/239278.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/640436.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/449093.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/391784.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/88998.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница списка топиков"><img src="https://i.gyazo.com/e4f4e84a2244b40db70e8049ca36672f.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/6822/471749.png" class="postimg"></a></section>
</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
</style>[/html]

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

ГРАФИКА
В наличии PSD. Дизайн на первый взгляд простой, но имеет много деталей: фоны, рамочки и так далее. Цветовая гамма: сиреневый, зелёный и белый. Но он довольно универсален в плане оформления и легко перекрашивается (для этого достаточно взять три цвета) и найти другие элементы, которые заменят цветы и бабочки в шапке.

ВЕРСТКА

  • Имеется оформление для встроенных майббовских скриптов: количество непрочитанных тем, закладки, поиск по теме.

  • Оформлены подфорумы в кратком виде на главной и странице списка тем (в подробном виде не оформлялось).

  • Оформлены 3 доп. поля в мини-профиле.

  • Страницы поиска, списка участников, просмотра и редактирования профиля, ЛС также не обделены вниманием.

  • Внешний вид разделов на главной несколько не такой как в стандартном стиле (колонки "ТЕМ" и "СООБЩЕЕНИЙ" объединены в одну), имеется отдельное оформление для форумов с переадресацией.

  • На страницах списка тем нет иконок, но строчки с опросами, новой или важной темой подсвечиваются. А в случае новых сообщений в теме, то появляется ещё и мигающий индикатор. Также расположение и вид колонок "СООБЩЕНИЙ" и "ПРОСМОТРОВ" другое.

  • В коде имеется много комментариев.

  • Всё что не было в стандартном стиле и дописывалось в процессе вёрстки, расположено в начале первого окна стилей. Во втором окне цвета, стили границам и блокам, картинки и фоны.

  • Подгружены в отдельный файл 4 шрифта, которые используются в дизайне.

  • Надпись в шапке (та которая "Events in Valencia") не является частью картинки и легко редактируется.

  • Стилизованы описания категорий, для примера в коде имеется описание первой категории.

  • Установлен и стилизован скрипт кнопочек прокрутки страницы вверх-вниз.

  • Вёрстка в "Администрировании" немного отличается: убраны шапка, футер и объявление; есть горизонтальное меню.

  • У объявления блочная вёрстка. Само по себе это даёт немного, но если захочется делать мобильную версию, объявление будет довольно легко подстроить под экраны мобилок.

  • Страница переадресации имеет отдельное оформление.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+5

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

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


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

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