Text When Hover over Avatar

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Paul Bearne

    (@pbearne)

    Are you up for some jQuery code?

    The way I would do this is to show the name via the widget and hide it in CSS and then show it with a hover on the href.

    You can style it and get it to track the mouse or just hover over with a transparent background

    Here some code to get yoiu started
    I haven’t tested this

    css

    .author-list .user{position: relative;} // might need this
.author-list .name{position: absolute;
width: 100%;
text-align: center;}

    JS code

    $('.author-list a').hover(function(){
$('.name',this).show();
},
function(){
$('.name',this).hide();
})

    ;

    Will this work for you?

    Paul

    Great, Paul! Tnanks for the tip.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text When Hover over Avatar’ is closed to new replies.