Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
HEXFIX

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

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

Доброго дня!

 

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

Ниже

 

container = document.createElement('div');

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

 

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

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

 

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...