Анимация и палитры префиксов для XenForo

[AirDeveloper]

Автор

AirDeveloper

До



После



Для начала заходим Форумы - Префиксы тем - создаем желаемый префикс - например - AIRDEV - ЛУЧШИЙ - модификатор ))




Стиль отображения ставим - prefix testair - все остальное заполняем на свое усмотрение

Далее ребзя зхаодим в шаблоны - Extra Less и прописываем этот код

.testair{ // здесь обязательно ставить что указали в css стиле пользователей, не обязательно указать что я лучший
    background: linear-gradient(90deg, #ff0080, #00ffff, #ff0080);
    background-size: 400% 400%;
    color: white !important;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 4px;
    border: none;
    animation: GradientShift 3s ease infinite, PulseGlow 2s ease-in-out infinite alternate;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}
@keyframes GradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes PulseGlow {
    from { box-shadow: 0 0 5px #ff0080; }
    to { box-shadow: 0 0 20px #00ffff, 0 0 30px #ff0080; }
}

 

[KeoFox]

если на то пошло то уж лучше так уже

.testair{ // здесь обязательно ставить что указали в css стиле пользователей, не обязательно указать что я лучший

А то ещё скопирую полностью без вникания в то что копируют и тогда привет сообщения "я все сделал но у меня сломался форум"

 

[AirDeveloper]

Тема обновлена!