Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Вставка скрипта Canvas Snow

Доброго дня!

 

Нашел симпатичный скрипт снежинок (HTML5 Canvas Snow in 3D), но не могу его вставить в форум. Подскажите, как это сделать правильно? У меня либо ничего не появляется, либо снег идет ниже форума, а не поверх.

Рекомендованные сообщения

Во первых, этот снег ацки будет грузить процессор. Долго находится на таком форуме будет не возможно.

Во вторых, там есть пример, смотрите и делайте также. Ипб в этом плане ничем не отличается от других сайтов, кроме тем что шаблоны редактируются в Админцетр -> Внешний вид -> %шаблон%.

По поводу того, что снег идет ниже форума, блок нужно зафиксировать.

Ниже

 

container = document.createElement('div');

нужно добавить

 

container.style.position = 'fixed';
container.style.top = '0px';

  • Автор

Спасибо, получилось. Но теперь сам форум не кликается. Впечатление, будто слой со снежинками перекрывает форум.

Он его и перекрывает. Кстати, я не знаю почему вы решили, что канвас будет работать поверх форума не перекрывая пользовательский ввод. В примере показан прототип. Чтобы html еле менты на странице оставались активными его нужно установить под ними как фон. Хотя, можете попробовать указать pointer-events:none; для контейнера.

  • Автор

Он его и перекрывает. Кстати, я не знаю почему вы решили, что канвас будет работать поверх форума не перекрывая пользовательский ввод. В примере показан прототип. Чтобы html еле менты на странице оставались активными его нужно установить под ними как фон. Хотя, можете попробовать указать pointer-events:none; для контейнера.

Не силен во всем этом, поэтому и решил, что перекрывать будет не канвас, а сами отрисованные снежинки, что было бы приемлемо.

 

Все получилось! Если кому будет интересно, вот всё решение:

 

container.style.position = 'fixed';
container.style.top = '0px';
container.style.pointerEvents = 'none';

 

Спасибо огромное за помощь! И с наступающим Вас!

покажите, как на форуме оно работает. Ссылочку))) в лс если не сложно

покажите, как на форуме оно работает. Ссылочку))) в лс если не сложно
ИМХО, всякие украшательства не должны мешать юзерам. А тут на всех страницах что-то непонятное снег летает.

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.