Re: Change Avatar on mouseover like Facebook
@naijaping . Ok this is what i came up with based on your sites css.
go to your theme’s /member-header.php
find `
replace it with this
`
<a href="profile/change-avatar/”>Change Picture
// change avatar
$(document).ready(function(){
$(“#item-header-avatar”).hover(function(){
$(“span”, this).stop().animate({top:”130px”},{queue:false,duration:200});
}, function() {
$(“span”, this).stop().animate({top:”160px”},{queue:false,duration:200});
});
});
`
You could also remove the inline css and place this inside your css file :
`#item-header-avatar {
float: left;
height: 150px;
overflow: hidden;
padding-right: 20px;
width: 150px;
}
#item-header-avatar span {
background: none repeat scroll 0 0 #FFFFFF;
font-weight: bold;
left: 0;
padding: 4px 25px;
position: relative;
text-align: center;
top: 150px;
z-index: 10000;
}`
