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

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

template: the World of Fairy Tales

Страница: 1

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

1

  • Автор: nou
  • nou animation studio
  • nou
  • Уважение: +2005
  • Достижения/подарки: cake 1 emoji_events 0
  • Наградные баллы: 0

Добро пожаловать в эту темку.

Предисловие.
По образованию я далека от веб-дизайна и вёрстки.
Но большая часть даётся легко.
Не знаю как позволит моя основная "рабочая" занятость/загруженность/вымотанность
Но все же хотелось бы собрать шаблончик на... в общем сами увидите (без mybb extra & mobile, я б и admin.css вырубила, но это видимо только в мечтах).

+1

2

  • Автор: nou
  • nou animation studio
  • nou
  • Уважение: +2005
  • Достижения/подарки: cake 1 emoji_events 0
  • Наградные баллы: 0

ЗНАКОМИМСЯ С МЕДИАФУНКЦИЕЙ PREFERS-COLOR-SCHEME
Информация взята из источника 2020 года
Где данная функция отмечена на уровне спецификации Media Queries Level 5
На сегодняшний день поддерживается на таком уровне
https://forumupload.ru/uploads/0007/e3/f7/6683/976192.png

У медиафункции PREFERS-COLOR-SCHEME
есть три возможности: light, dark и no-preference
Данная функция запрашивает данные с вашего устройства, а именно какая тема у вас выбрана в настройках.

НАПРИМЕР, мой код

body {background-color: hsl(240,7.7%,5.1%);} /* цвет фона по умолчанию, я выбрала темную*/
@media (prefers-color-scheme: light) {body {background-color: hsl(199,36%,76%);}} /* цвет светлой темы*/

первой строкой указываете стиль по умолчаю
вторая строка делает медиазапрос, если устройство отвечает, что тема светлая - меняет цвет на новый

* прошу прощения за нижепредставленные скрины, пока не доработан их полный вид.

и вот так у меня отображают разные телефоны
слева телефон со светлой темой, справа - темная

https://forumupload.ru/uploads/0007/e3/f7/6683/245303.jpg

https://forumupload.ru/uploads/0007/e3/f7/6683/249074.jpg

естественно в стилях вы можете прописать не только фон

Отредактировано nou (28.02.24 01:22)

+3

3

#p197465,nou написал(а):

ЗНАКОМИМСЯ С МЕДИАФУНКЦИЕЙ PREFERS-COLOR-SCHEME

Круто! Спасибо что поделилась!

+2

Страница: 1