Đến từ
Demo
![[Hướng Dẫn - Code] Code Hiện Thông Tin Thành Viên Đẹp Untitl33](https://i.servimg.com/u/f57/15/64/85/86/untitl33.jpg)
Tạo 1 script mới
In homepage nhé
Tạo 1 script mới
In homepage nhé
- Code:
$(function(){$("a[href^='/u'].gensmall,.title_profile a[href^='/u']").hover(function(){var b=$(this).parent().height()-35,c=$(this).position().left-20,b=$(this).position().top-b,name=$(this).text(),id=$(this).attr("href").slice(2);$("#user-hoverbox").remove();$(this).after('<div id="user-hoverbox" style="left: '+c+'px;margin-top:20px"><div id="user-hoverbox-inner"><a href="/u'+id+'wall"><i class="icon-envelope-alt"></i> Tường nhà </a><a href="/u'+id+'"><i class="icon-user"></i> Thông tin</a><a href="/privmsg?mode=post&u='+id+'"><i class="icon-comments"></i> Gửi thư</a><a href="/spa/'+name+'"><i class="icon-file-alt"></i> Xem bài viết</a><a href="/sta/'+name+'"><i class="icon-folder-open"></i> Xem chủ đề</a></div></div>');t=setTimeout(function(){$("#user-hoverbox").hide()},3E3);$("#user-hoverbox").mouseover(function(){clearTimeout(t)});$("#user-hoverbox").mouseleave(function(){$(this).remove()});return!1})});
- Code:
/* hiện thông tin nà :D*/
#user-hoverbox {
display:initial!important;
margin-left:5px;
width:140px;
padding-top:1px;
position:absolute;
z-index:9;}
#user-hoverbox #user-hoverbox-inner a {
background:#fff;
border-bottom:1px solid #d4d4d4;
color:#333!important;
display:inline-block;
font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-align:left;
text-shadow:none!important;
padding:8px;
width:104px;
height:12px;
}
#user-hoverbox-inner {
background:#fff;
border:4px solid #000;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.31);
width:120px;
height:145px;
}
#user-hoverbox #user-hoverbox-inner a:hover {
background:#fafafa;
}
#user-hoverbox::before {
border-bottom:5px solid #363636;
border-left:5px solid transparent;
border-right:5px solid transparent;
content:"";
height:0;
left:12px;
position:absolute;
top:-4px;
width:0;
}
#user-hoverbox a .icon-user {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
}
#user-hoverbox a .icon-comments {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
}
.pun #user-hoverbox a i {
background-position:center;
background-repeat:no-repeat;
float:left;
height:10px;
margin-right:3px;
margin-top:2px;
opacity:.8;
width:13px;
}
#user-hoverbox a .icon-envelope-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
}
#user-hoverbox a .icon-file-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
}
#user-hoverbox a .icon-folder-open {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
}
.pun #user-hoverbox a:hover i {
opacity:1!important;
}
