Увеличение аватарки

автор ABELIX Апрель 6th 2012, 12:08

Мое почтение) Как сделать так, чтобы при наведении курсора на аватар (фото пользователя) он увеличивался для удобства просмотра?

автор **Dana Domirani** Апрель 6th 2012, 12:38

Попробуйте так: укажите в ПА > Оформление > Галерея аватар — Личные аватары > Максимальный размер файла аватары 500 на 500, чтобы пользователи могли загружать большие изображения.

А в CSS добавьте (настройки только для Pun):

Код:: .pun .user { position: relative !important; overflow: visible; } .user-ident .user-basic-info a img { width: 150px; position: relative; top: 0; left: 0; cursor: hand; transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; } .user-ident .user-basic-info a img:hover { left: 75px; z-index: 100; background: transparent url(http://i63.servimg.com/u/f63/12/33/62/17/df515.png); padding: 5px; transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); width: 300px\0/; left: 0\0/; }

автор ABELIX Апрель 7th 2012, 16:03

Спасибо...Вы мой ангел хранитель)

Увеличение аватарки

Увеличение аватарки

Re: Увеличение аватарки

Re: Увеличение аватарки