Demo :

[You must be registered and logged in to see this image.]


(chỉ vào avatar)
đầu tiên làm theo các bước đã hướng dẫn ở topic làm avatar index, nhưng không dùng css ở đó
mà dùng css ở đây.
Lưu ý, ai đã và đang dùng rồi thì:
Vào CSS xóa những CSS liên quan tới avatar index cũ đi.
Sau đó thêm vào CSS code này
Còn chưa làm lần nào, thì sau khi làm xong bước thêm js thì ném cái css này vào

Code:

.avatar-index {
padding: 1px;
border: 1px solid #DDD;
float: left;
border-radius: 4px;
margin: 4px;
height: 40px;
width: 40px;
overflow: hidden;
background: white;
}
.avatar-index:hover {
width: auto;
vị trí absolute;
z-index: 100;
height: auto;
box-shadow: 1px 1px 3px black;
}
.avatar-index img {
max-width: 200px;
max-height: 200px;
}