Снег, как на форуме Monser DM

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Редактор
Регистрация
4 Ноя 2024
Сообщения
298
Создаем модификацию шаблона

Шаблон: PAGE_CONTAINER
Ключ модификации: snowflake
Тип поиска: Простая замена
Найти:
Код:
</head>
Заменить:
Код:
<script>
    const createSnow = () => {
    const snowflake = document.createElement("div");
    snowflake.classList.add("snowflake");
    snowflake.style.left = Math.random() * 100 + "vw"; // Позиция по ширине
    snowflake.style.animationDuration = Math.random() * 3 + 2 + "s"; // Скорость падения
    snowflake.style.opacity = Math.random(); // Прозрачность
    snowflake.style.width = snowflake.style.height = Math.random() * 5 + 2 + "px"; // Размер снежинки
    document.body.appendChild(snowflake);

    // Удаляем снежинку после падения
    setTimeout(() => {
    snowflake.remove();
    }, 5000);
    };

    setInterval(createSnow, 50);

</script>
<style>       
.snowflake
{
    position: fixed;
    top: 0;
    background-color: white; /* Цвет снежинки */
    border-radius: 50%; /* Круглая форма */
    pointer-events: none; /* Не мешает взаимодействию с сайтом */
    animation: fall linear infinite; /* Анимация падения */
    z-index: 1000;
}

@keyframes fall
{
    to
    {
        transform: translateY(100vh); /* Путь падения */
    }
}
</style>
$0
 

Вложения

  • snow.gif
    snow.gif
    2.6 MB · Просмотры: 58
Пользователь
Регистрация
5 Дек 2024
Сообщения
5
легче так сделать тут полностью рабочий снег
 

Вложения

  • снег на фоурме.txt
    57 KB · Просмотры: 16
Редактор
Регистрация
4 Ноя 2024
Сообщения
298
легче так сделать тут полностью рабочий снег
Конечно, спасибо, за другую вариацию снега, но код снега, который Вы опубликовали, уже давно известен и широко распространён на других форумах. Думаю, Ваш вариант будет лучше оформить как отдельный мануал, чтобы пользователи могли выбрать себе подходящий код
 
Пользователь
Регистрация
26 Окт 2024
Сообщения
9
Создаем модификацию шаблона

Шаблон: PAGE_CONTAINER
Ключ модификации: snowflake
Тип поиска: Простая замена
Найти:
Код:
</head>
Заменить:
Код:
<script>
    const createSnow = () => {
    const snowflake = document.createElement("div");
    snowflake.classList.add("snowflake");
    snowflake.style.left = Math.random() * 100 + "vw"; // Позиция по ширине
    snowflake.style.animationDuration = Math.random() * 3 + 2 + "s"; // Скорость падения
    snowflake.style.opacity = Math.random(); // Прозрачность
    snowflake.style.width = snowflake.style.height = Math.random() * 5 + 2 + "px"; // Размер снежинки
    document.body.appendChild(snowflake);

    // Удаляем снежинку после падения
    setTimeout(() => {
    snowflake.remove();
    }, 5000);
    };

    setInterval(createSnow, 50);

</script>
<style>      
.snowflake
{
    position: fixed;
    top: 0;
    background-color: white; /* Цвет снежинки */
    border-radius: 50%; /* Круглая форма */
    pointer-events: none; /* Не мешает взаимодействию с сайтом */
    animation: fall linear infinite; /* Анимация падения */
    z-index: 1000;
}

@keyframes fall
{
    to
    {
        transform: translateY(100vh); /* Путь падения */
    }
}
</style>
$0
by CHAT GPT
 
Активный
Регистрация
26 Апр 2022
Сообщения
428
а можно просто не изобретать велосипед, а взять уже готовый плагин от themehouse
 
Активный
Регистрация
26 Апр 2022
Сообщения
428
Это код, который стоит на форуме Monser RP, я его скопировал и поделился, в чем проблема?
какой толк изобретать велосипед повторно?
какой толк изобретать стол повторно?
какой толк изобретать стул повторно?
какой толк изобретать телефон повторно?
какой толк изобретать автомобиль повторно?
какой толк изобретать клавиатуру повторно?
какой толк изобретать компьютерную мышь повторно?
какой толк изобретать холодильник повторно?
какой толк изобретать шкаф повторно?
какой толк изобретать дверной замок повторно?
какой толк изобретать микроволновку повторно?
какой толк изобретать наушники повторно?
какой толк изобретать компьютер повторно?
какой толк изобретать унитаз повторно?
какой толк изобретать колесо повторно?
какой толк изобретать кровать повторно?
какой толк изобретать чайник повторно?
какой толк изобретать лампочку повторно?
какой толк изобретать светофор повторно?
какой толк изобретать розетку повторно?
какой толк изобретать телевизор повторно?
какой толк изобретать весы повторно?
 
Редактор
Регистрация
4 Ноя 2024
Сообщения
298
а можно просто не изобретать велосипед, а взять уже готовый плагин от themehouse
какой толк изобретать велосипед повторно?
какой толк изобретать стол повторно?
какой толк изобретать стул повторно?
какой толк изобретать телефон повторно?
какой толк изобретать автомобиль повторно?
какой толк изобретать клавиатуру повторно?
какой толк изобретать компьютерную мышь повторно?
какой толк изобретать холодильник повторно?
какой толк изобретать шкаф повторно?
какой толк изобретать дверной замок повторно?
какой толк изобретать микроволновку повторно?
какой толк изобретать наушники повторно?
какой толк изобретать компьютер повторно?
какой толк изобретать унитаз повторно?
какой толк изобретать колесо повторно?
какой толк изобретать кровать повторно?
какой толк изобретать чайник повторно?
какой толк изобретать лампочку повторно?
какой толк изобретать светофор повторно?
какой толк изобретать розетку повторно?
какой толк изобретать телевизор повторно?
какой толк изобретать весы повторно?
Да, можно использовать уже готовый плагин от TH, для тех кто не умеет работать с кодами, либо морочиться с ними. Возможно, кому-то нужен просто снег на форум, без дополнительных украшений. Я даю возможность это сделать без трудностей, также код можно кастомизировать под свои хотелки
 
Активный
Регистрация
26 Апр 2022
Сообщения
428
Да, можно использовать уже готовый плагин от TH, для тех кто не умеет работать с кодами, либо морочиться с ними. Возможно, кому-то нужен просто снег на форум, без дополнительных украшений. Я даю возможность это сделать без трудностей, также код можно кастомизировать под свои хотелки
с одной стороны и верно, и нет, все таки если человек не глупый он в состоянии убрать украшения
 
Редактор
Регистрация
4 Ноя 2024
Сообщения
298
если человек не глупый он в состоянии убрать украшения
Уже сколько сижу тут, могу заявить, что это может сделать только 1/3 пользователей и то меньше. Некоторые вообще не смотрят настройки плагина и хотят быстро прийти к решению, не раскинув мозгами. Поэтому, опубликовать отдельно код снега и показать, как подключить - это самое лучшее решение для лентяев
 
Сверху