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

[Skaiman]

Пользователь Skaiman разместил новый ресурс:

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

Круглый аватар.

Заходим в админку, "Внешний вид" --> "Настройки стиля" --> "Основное" --> "Аватар" --> "Рамка" --> "Радиус", ставим 50%.
Посмотреть вложение 19702 Посмотреть вложение 19703 Посмотреть вложение 19704

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

Первое делать не надо, потому, что в обычном состоянии аватар должен быть квадратный.
Открываем EXTRA.css и добавляем:

.avatar img:hover, .avatar...

Узнать больше об этом ресурсе...

 

[Skaiman]

Пользователь Skaiman обновил ресурс Эффекты для аватара новой записью:

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

Поворот аватара при наведении на 10°

В EXTRA.css добавляем:

.avatar img, .avatar .img, .avatarCropper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.avatar img:hover, .avatar .img:hover, .avatarCropper:hover {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform:...

Узнать больше об этом обновлении...

 

[amazko]

Уважаемый ТС где делать правки если круглый аватар нужен тока в теме, и в боковой панели.
в списке тем, всплывающем окне юзера и всем остальным, ненужны круглые аватары.

 

[Skaiman]

Только в сообщениях:

.messageUserBlock div.avatarHolder .avatar img {
   border-radius: 50%;
}

Только в сайдбаре:

.sidebar .visitorPanel .avatar img {
   border-radius: 50%;
}

А вообще, надо просто воспользоваться правой кнопкой мыши и проинспектировать элемент :-)

 

[Z7ian]

Skaiman, Уважаемый ТС, а можно вопросик: -а как из груглова аватара сделать прямоугольный? =)

 

[Skaiman]

Отлично ! А вот так как сделать ?

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Когда то Норе сделал здесь такое :)

 

[Hope]

Это было давно и неправда, никто уже не помнит. :)

 

[Mirovinger]

OFFTOP

Делали и не такое, но вот не прижилось.=)