1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Круглые аватары

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем De Obertei, 6 ноя 2013.

Загрузка
  1. De Obertei

    De Obertei Пользователь

    Регистрация:
    02.11.12
    Сообщения:
    95
    Симпатии:
    17
    Версия XF:
    1.1.2
    Модненько. Мне нравится.
    Как сделать такие?
    [​IMG] [​IMG]
     
    Oleg-2012 нравится это.
  2. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    В EXTRA.css добавьте:
    Код:
    .avatar img,.avatar .img, .avatarCropper {
    border-radius: 100%;
    }
     
    Oleg-2012, Mirovinger и De Obertei нравится это.
  3. De Obertei

    De Obertei Пользователь

    Регистрация:
    02.11.12
    Сообщения:
    95
    Симпатии:
    17
    Версия XF:
    1.1.2
    Вот чего получилось. Внутри некруглые. Менять размер аватар? Внутри круга картинка как бы обрубается.
    скрин.JPG
     
    Oleg-2012 нравится это.
  4. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Ну это из-за Ваших изменений блока пользователя. Тот код, что я дал - работает отлично на дефолте и всех моих шаблонах.
     
    Oleg-2012 нравится это.
  5. De Obertei

    De Obertei Пользователь

    Регистрация:
    02.11.12
    Сообщения:
    95
    Симпатии:
    17
    Версия XF:
    1.1.2
    Блок пользователя потом меняла.
    Вот в стандартном шаблоне, где ничего не меняли. Тоже как бы квадрат в круге даже там, где нет аватар. Так должно быть?
    скрин2.JPG
     
    Oleg-2012 нравится это.
  6. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Не знаю почему у Вас так. Делаю "на лету" у официального сайта - всё отображается как надо.
    Попробуйте
    Код:
    .avatar img,.avatar .img, .avatarCropper {
    border-radius: 100% !important;
    }
    --- добавлено : 7 ноя 2013 в 03:22 ---
    Или же через - Настройка стиля: Основное - Аватар
    Радиус поставьте 100%
     
    Последнее редактирование модератором: 14 ноя 2013
    Oleg-2012 и Mirovinger нравится это.
  7. De Obertei

    De Obertei Пользователь

    Регистрация:
    02.11.12
    Сообщения:
    95
    Симпатии:
    17
    Версия XF:
    1.1.2
    Внутренний отступ стоял 2пx. Убрала. Теперь внизу и справа квадрат пропал, но вверху и слева остались грани. Другие манипуляции не помогают. Буду дальше играться.
     
    Последнее редактирование: 7 ноя 2013
    Oleg-2012 нравится это.
  8. Oleg-2012

    Oleg-2012 Местный

    Регистрация:
    21.04.12
    Сообщения:
    646
    Симпатии:
    267
    А анимацию аватар, как-то через EXTRA.css можно сделать ?:sneaky:
     
  9. aligon7

    aligon7 Местный

    Регистрация:
    22.12.12
    Сообщения:
    983
    Симпатии:
    62
    Версия XF:
    1.4.7
  10. aligon7

    aligon7 Местный

    Регистрация:
    22.12.12
    Сообщения:
    983
    Симпатии:
    62
    Версия XF:
    1.4.7

Поделиться этой страницей