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

[Kolpak]

Создаем модификацию шаблона

Шаблон: 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

 

[Federiko_Fernando]

легче так сделать тут полностью рабочий снег

 

[Kolpak]

легче так сделать тут полностью рабочий снег

Конечно, спасибо, за другую вариацию снега, но код снега, который Вы опубликовали, уже давно известен и широко распространён на других форумах. Думаю, Ваш вариант будет лучше оформить как отдельный мануал, чтобы пользователи могли выбрать себе подходящий код

 

[Zenettany]

Спасибо за ChatGPT

 

[perfectovichcodes]

Создаем модификацию шаблона

Шаблон: 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

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

а можно просто не изобретать велосипед, а взять уже готовый плагин от themehouse

 

[Kolpak]

а можно просто не изобретать велосипед, а взять уже готовый плагин от themehouse

Это код, который стоит на форуме Monser RP, я его скопировал и поделился, в чем проблема?

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Это код, который стоит на форуме Monser RP, я его скопировал и поделился, в чем проблема?

какой толк изобретать велосипед повторно?
какой толк изобретать стол повторно?
какой толк изобретать стул повторно?
какой толк изобретать телефон повторно?
какой толк изобретать автомобиль повторно?
какой толк изобретать клавиатуру повторно?
какой толк изобретать компьютерную мышь повторно?
какой толк изобретать холодильник повторно?
какой толк изобретать шкаф повторно?
какой толк изобретать дверной замок повторно?
какой толк изобретать микроволновку повторно?
какой толк изобретать наушники повторно?
какой толк изобретать компьютер повторно?
какой толк изобретать унитаз повторно?
какой толк изобретать колесо повторно?
какой толк изобретать кровать повторно?
какой толк изобретать чайник повторно?
какой толк изобретать лампочку повторно?
какой толк изобретать светофор повторно?
какой толк изобретать розетку повторно?
какой толк изобретать телевизор повторно?
какой толк изобретать весы повторно?

 

[Kolpak]

а можно просто не изобретать велосипед, а взять уже готовый плагин от themehouse

какой толк изобретать велосипед повторно?
какой толк изобретать стол повторно?
какой толк изобретать стул повторно?
какой толк изобретать телефон повторно?
какой толк изобретать автомобиль повторно?
какой толк изобретать клавиатуру повторно?
какой толк изобретать компьютерную мышь повторно?
какой толк изобретать холодильник повторно?
какой толк изобретать шкаф повторно?
какой толк изобретать дверной замок повторно?
какой толк изобретать микроволновку повторно?
какой толк изобретать наушники повторно?
какой толк изобретать компьютер повторно?
какой толк изобретать унитаз повторно?
какой толк изобретать колесо повторно?
какой толк изобретать кровать повторно?
какой толк изобретать чайник повторно?
какой толк изобретать лампочку повторно?
какой толк изобретать светофор повторно?
какой толк изобретать розетку повторно?
какой толк изобретать телевизор повторно?
какой толк изобретать весы повторно?

Да, можно использовать уже готовый плагин от TH, для тех кто не умеет работать с кодами, либо морочиться с ними. Возможно, кому-то нужен просто снег на форум, без дополнительных украшений. Я даю возможность это сделать без трудностей, также код можно кастомизировать под свои хотелки

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Да, можно использовать уже готовый плагин от TH, для тех кто не умеет работать с кодами, либо морочиться с ними. Возможно, кому-то нужен просто снег на форум, без дополнительных украшений. Я даю возможность это сделать без трудностей, также код можно кастомизировать под свои хотелки

с одной стороны и верно, и нет, все таки если человек не глупый он в состоянии убрать украшения

 

[Kolpak]

если человек не глупый он в состоянии убрать украшения

Уже сколько сижу тут, могу заявить, что это может сделать только 1/3 пользователей и то меньше. Некоторые вообще не смотрят настройки плагина и хотят быстро прийти к решению, не раскинув мозгами. Поэтому, опубликовать отдельно код снега и показать, как подключить - это самое лучшее решение для лентяев

 

[JustAlex]

Создаем модификацию шаблона

Шаблон: 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

Прикольно
Только в конце кода убери лишний $0

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Только в конце кода убери лишний $0

разговор окончен

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Только в конце кода убери лишний $0

 

[JustAlex]

Посмотреть вложение 11374

Даже если вставить этот код , а не менять, то всё равно появляется в самом вверху этот $0

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Даже если вставить этот код , а не менять, то всё равно появляется в самом вверху этот $0
Посмотреть вложение 11377

нету ничего

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Даже если вставить этот код , а не менять, то всё равно появляется в самом вверху этот $0
Посмотреть вложение 11377

$0 не может появиться никаким вообще образом, ибо это переменная

даже на моем скриншоте видно что $0 сделал то что от него требовалось - вставил код, и ничего более, сам он себя не вставил

 

[JustAlex]

Ну так $0 вставлен после закрытого style и поэтому ни куда не относится и появляется на экране. Или я что-то не догоняю?

Посмотреть вложение 11374

Даже у тебя нет в конце кода - $0. А в коде у Колпока есть

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Даже у тебя нет в конце кода - $0. А в коде у Колпока есть

ПОТОМУ ЧТО ЕГО НЕ ДОЛЖНО БЫТЬ! ЭТО ПЕРЕМЕННАЯ ПЕРЕМЕННАЯ!!!!!!!!!!!!!!!!!! НЕ ЧАСТЬ ЭТОГО КОДА!!!!!!! ЭТО ПЕРЕМЕННАЯ!!!!!!!!!!!!!!!!!!!!

 

[viovit]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

в самом движке это блять написано, а $0 у тебя появляется потому что ты редачишь САМ ШАБЛОН, А НЕ ЧЕРЕЗ МОДИФИКАЦИИ