Модификация Случайный фразы для Хеллоуин

Bra4o · 9 Окт 2025

Модификация позволяет добавить виджет, который выводит случайные фразы для Хеллоуин

Установка:
Внешний вид -> Виджеты -> HTML
Позиция: боковая панель
Выбрать расположение
Добавить код предложенный ниже:

HTML:

<div class="halloween-greeting" role="region" aria-live="polite">
    <p>? <span id="halloween-quote" class="quote-fade">Загрузка...</span> ?</p>
</div>

<style>
    .halloween-greeting {
        background: #0d0d0d;
        border-left: 4px solid #ff4500;
        padding: 12px;
        color: #ffcc00;
        font-style: italic;
        margin-bottom: 15px;
        font-family: 'Arial', sans-serif;
        line-height: 1.4;
        border-radius: 0 6px 6px 0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        animation: glow 3s infinite alternate;
    }

    .halloween-greeting p {
        margin: 0;
        font-size: 0.95em;
    }

    /* Анимация появления цитаты */
    .quote-fade {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.6s ease, transform 0.6s ease;
        display: inline-block; /* чтобы transform работал корректно */
    }

    .quote-fade.show {

Модификация Случайный фразы для Хеллоуин

Bra4o