Скрыть объявление
Вышла новая версия XenForo 1.5.14 Nulled By XenForo.Info. Поспешите обновить свои форумы на новую версию прямо сейчас!

Эффекты для аватара

Делаем простые эффекты для аватаров

  1. Skaiman
    Совместимость с XenForo:
    • 1.1
    • 1.2
    • 1.3
    Круглый аватар.

    Заходим в админку, "Внешний вид" --> "Настройки стиля" --> "Основное" --> "Аватар" --> "Рамка" --> "Радиус", ставим 50%.
    Image 8.png Image 9.png Image 10.png

    Закругляем аватар при наведении курсора мыши.

    Первое делать не надо, потому, что в обычном состоянии аватар должен быть квадратный.
    Открываем EXTRA.css и добавляем:
    Код:
    .avatar img:hover, .avatar .img:hover, .avatarCropper:hover {
        border-radius: 50%;
    }


    Постепенное закругление аватара при наведении.

    В примере выше, аватар закругляется резко, добавим свойство transition, для плавности. В EXTRA.css добавим:
    Код:
    .avatar img, .avatar .img, .avatarCropper {
        -webkit-transition: border-radius 1s ease;
        -moz-transition: border-radius 1s ease;
        -o-transition: border-radius 1s ease;
        -ms-transition:border-radius 1s...
    У Вас недостаточно прав для просмотра полного содержания этого ресурса.
    nynCuKaH, Red Bull, trdnepr и 2 другим нравится это.

Последние обнoвления

  1. Новые эффекты для аватара

Пoследние рецензии

  1. Pokschubin
    Pokschubin
    5/5,
  2. Hope
    Hope
    5/5,
    Очередной полезный мануал. Спасибо. :)