Гайд YouGame Animated — тёмная тема и анимации для югейма

Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Хорошая работа. + реп
Мог бы ты добавить возможность отключать анимацию появления последних ответов?
Наверное, только я не совсем понял, о какой анимации ты говоришь, и как она выглядит)
 
Пользователь
Статус
Оффлайн
Регистрация
8 Июн 2020
Сообщения
196
Реакции[?]
62
Поинты[?]
27K
Наверное, только я не совсем понял, о какой анимации ты говоришь, и как она выглядит)
Когда обновляешь главную страничку место где отображаются последние ответы в разных темах.
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Выпустил обновление:
  • Добавил тёмную тему.
  • Добавил новый стиль отображения онлайна, близкий к классическому: теперь на выбор есть 3 варианта.
  • Добавил опциональную анимацию индикаторов в списке новых тем.
  • Добавил возможность отключить анимацию списка тем.
  • Добавил отключение тех границ объектов, которые раньше не отключались.
  • Добавил пару маленьких анимаций.
  • Улучшил анимацию префиксов и реакций.
  • Улучшил окно загрузки картинок.
  • Изменил анимацию онлайна и мерцание списков.
  • Отредактировал анимацию градиентов.
  • Исправил баг форума, который связан с прокруткой списка смайликов.
  • Перевёл настройки на русский.
Версия — 1.8.1

1721557653534.png
 
Последнее редактирование:
ойойойоойой яйца из трусов вывалились
Пользователь
Статус
Оффлайн
Регистрация
10 Мар 2019
Сообщения
111
Реакции[?]
59
Поинты[?]
6K
вообще кайфик теперь, только в темной теме детали контрастирующие поправить и все
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
вообще кайфик теперь, только в темной теме детали контрастирующие поправить и все
Увы, не дизайнер)
Если кто-то захочет помочь с цветами - я только за.
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Выпустил обновление:
  • Добавил тёмную тему.
  • Добавил новый стиль отображения онлайна, близкий к классическому: теперь на выбор есть 3 варианта.
  • Добавил опциональную анимацию индикаторов в списке новых тем.
  • Добавил возможность отключить анимацию списка тем.
  • Добавил отключение тех границ объектов, которые раньше не отключались.
  • Добавил пару маленьких анимаций.
  • Улучшил анимацию префиксов и реакций.
  • Улучшил окно загрузки картинок.
  • Изменил анимацию онлайна и мерцание списков.
  • Отредактировал анимацию градиентов.
  • Исправил баг форума, который связан с прокруткой списка смайликов.
  • Перевёл настройки на русский.
Версия — 1.8.1

Залил фикс:
  • Добавил анимацию переключателей страниц темы.
  • Добавил пробное исправление блюра верхней панели для телефонов (NeuralUser прошу протестировать).
  • Исправил баг со смещением элемента на 1 пиксель после анимации.
  • Исправил цвет спойлера.
Версия — 1.8.2
 
Главный Бот Югейма
Продавец
Статус
Оффлайн
Регистрация
15 Фев 2021
Сообщения
469
Реакции[?]
86
Поинты[?]
94K
Добавил пробное исправление блюра верхней панели для телефонов
Текст который только только заходит за хеадер, очень ярко горит. Но стоит чуть дальше пролистать - и он перестает так ярко светить.

Текст еще полностью за хеадером не спрятался, но хеадер светит емать как сильно:
IMG_20240721_155054_050.jpg
Ушел полностью за хеадер, и начал светиться как положено:
IMG_20240721_155056_547.jpg

Еще есть такое ощущение, что анимация хеадера работает рвано, то ли в 30 ФПС или около того. Но заметил это только на мобиле - как будто телефон не вытягивает (что мало вериться)
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Текст который только только заходит за хеадер, очень ярко горит. Но стоит чуть дальше пролистать - и он перестает так ярко светить.

Текст еще полностью за хеадером не спрятался, но хеадер светит емать как сильно:
Посмотреть вложение 281616
Ушел полностью за хеадер, и начал светиться как положено:
Посмотреть вложение 281617
Увы, с этим ничего не поделать - так работает блюр в CSS. Можешь попробовать отрегулировать силу размытия, это единственный вариант. Но главное - это то, что он вообще заработал. Раньше он ведь не отображался, я правильно понимаю?

Алсо, я выпустил вери минорный апдейт:
  • Анимация темы на главной страницы теперь куда более лаконичная (анимирован только префикс, а не весь текст).
 
Последнее редактирование:
Главный Бот Югейма
Продавец
Статус
Оффлайн
Регистрация
15 Фев 2021
Сообщения
469
Реакции[?]
86
Поинты[?]
94K
Мужики, шизу жёсткую хотите? В новой версии вы можете сами создавать анимированный текст, который будут видеть все пользователи темы.
Для этого нужно сделать текст ссылкой на этот топик.
Я бы сделал, но ждать хер знает сколько модерацию темы - не охота(
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Выпустил финальный апдейт:
  • Добавил опциональное свечение префиксов.
  • Добавил возможность выбрать любимые темы — их префиксы будут переливаться.
  • Добавил тёмную тему, цвета которой основаны на теме от Никсера.
  • Добавил опциональный градиент для некоторых элементов — в том числе иконок контактов.
  • Добавил возможность менять цвет основного градиента.
  • Улучшил тёмную тему.
  • Изменил анимацию префиксов.
  • Изменил анимацию переключения табов.
  • Изменил анимацию донатов.
  • Отключил анимацию загрузки.
  • Исправил кривое форумное уведомление о новом сообщении.
  • Переработал настройки в Stylus.
Версия — v2.0, глобальных обновлений больше не планируется. Спасибо всем за фидбек :)
Как пример, выбраны исходники. Используется кастомный градиент, цвета которого можно менять в настройках.

1721648790217.png
 
Последнее редактирование:
Там хорошо, где нас нет. (Антуан де Сент-Экзюпери)
Начинающий
Статус
Оффлайн
Регистрация
20 Ноя 2019
Сообщения
182
Реакции[?]
15
Поинты[?]
6K
+ реп, очень очень хорошо сделано! Мне нравится! Сам увлекаюсь css, idesync красава!
Возможно сам сделаю, но как будто можно было бы добавить border-radius к ответам к темам, но это чисто вкусовщина :3
 
Последнее редактирование:
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Выпустил обновление, где провёл рефакторинг кода — никаких визуальных изменений нет.

+ реп, очень очень хорошо сделано! Мне нравится! Сам увлекаюсь css, idesync красава!
Возможно сам сделаю, но как будто можно было бы добавить border-radius к ответам к темам, но это чисто вкусовщина :3
Да, всё же вкусовщина. Как по мне, так с другими элементами это сочетаться не будет, поэтому углы надо менять сразу везде.
Возможно, позже добавлю опциональное скругление углов.
 
Последнее редактирование:
disappeared
Пользователь
Статус
Оффлайн
Регистрация
25 Июн 2019
Сообщения
294
Реакции[?]
105
Поинты[?]
4K
Апдейты сами приходят или надо переустанавливать тему?
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Апдейты сами приходят или надо переустанавливать тему?
Стилус проверяет их каждые 24 часа, переустанавливать не надо.
Посмотреть свою версию можешь в настройках, она прямо в заголовке пишется:
1721808109187.png
 
Последнее редактирование:
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Обновление:
— Добавил новые префиксы тем из геймдева для удаления.
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
юц сделай пожалуйста с темной темой и не только умоляю
Я сначала подумал, что ты просишь для югейма тёмную тему сделать, но перечитал и понял, что речь идёт о юц =)
У них уже есть тёмная тема, она прям на главной странице включается:
1721842214867.png

Если ты про кастомную говорил, то бесплатно я ничего не буду релизать, увы, т.к. нет личного интереса.
 
Начинающий
Статус
Оффлайн
Регистрация
6 Апр 2023
Сообщения
57
Реакции[?]
1
Поинты[?]
1K
Бро отлично, сделай анимацию скроллинга. И какие то анимаций пропадение и закруглений в углах.
 
Легенда форума
Статус
Онлайн
Регистрация
10 Дек 2018
Сообщения
4,377
Реакции[?]
2,282
Поинты[?]
187K
Бро отлично, сделай анимацию скроллинга. И какие то анимаций пропадение и закруглений в углах.
Я бы сделал, но это невозможно на чистом CSS (Stylus не позволяет редактировать JS и HTML) — это относится и к скроллингу и к анимациям исчезания.

Закруглениями займусь, как будет свободное на то время.
 
Сверху Снизу