[JavaScript] Hiện thông tin thành viên

**Cáo Soái Ca**

Bài viết : 151

Cỏ : 510999

Nổi tiếng : 115

♚ Quản Gia ❣

DEMO:

[JavaScript] Hiện thông tin thành viên Untitl33

Tạo 1 JS
In the home page

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})});

Thêm vào CSS

Code:: [size=12][/size] /* Hiện thông tin nà*/[size=12][/size] #user-hoverbox {[size=12][/size] display:initial!important;[size=12][/size] margin-left:5px;[size=12][/size] width:140px;[size=12][/size] padding-top:1px;[size=12][/size] position:absolute;[size=12][/size] z-index:9;}[size=12][/size] [size=12][/size] #user-hoverbox #user-hoverbox-inner a {[size=12][/size] background:#fff;[size=12][/size] border-bottom:1px solid #d4d4d4;[size=12][/size] color:#333!important;[size=12][/size] display:inline-block;[size=12][/size] font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;[size=12][/size] text-align:left;[size=12][/size] text-shadow:none!important;[size=12][/size] padding:8px;[size=12][/size] width:104px;[size=12][/size] height:12px;[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox-inner {[size=12][/size] background:#fff;[size=12][/size] border:4px solid #000;[size=12][/size] border-radius:2px;[size=12][/size] box-shadow:0 1px 5px rgba(0,0,0,0.31);[size=12][/size] width:120px;[size=12][/size] height:145px;[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox #user-hoverbox-inner a:hover {[size=12][/size] background:#fafafa;[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox::before {[size=12][/size] border-bottom:5px solid #363636;[size=12][/size] border-left:5px solid transparent;[size=12][/size] border-right:5px solid transparent;[size=12][/size] content:"";[size=12][/size] height:0;[size=12][/size] left:12px;[size=12][/size] position:absolute;[size=12][/size] top:-4px;[size=12][/size] width:0;[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox a .icon-user {[size=12][/size] background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox a .icon-comments {[size=12][/size] background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);[size=12][/size] }[size=12][/size] [size=12][/size] .pun #user-hoverbox a i {[size=12][/size] background-position:center;[size=12][/size] background-repeat:no-repeat;[size=12][/size] float:left;[size=12][/size] height:10px;[size=12][/size] margin-right:3px;[size=12][/size] margin-top:2px;[size=12][/size] opacity:.8;[size=12][/size] width:13px;[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox a .icon-envelope-alt {[size=12][/size] background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox a .icon-file-alt {[size=12][/size] background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);[size=12][/size] }[size=12][/size] [size=12][/size] #user-hoverbox a .icon-folder-open {[size=12][/size] background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);[size=12][/size] }[size=12][/size] [size=12][/size] .pun #user-hoverbox a:hover i {[size=12][/size] opacity:1!important;[size=12][/size] }

Tài Sản của Cáo Soái Ca

Character sheet
Thú cưng:

Huân Chương:

Cáo Soái Ca 1 [JavaScript] Hiện thông tin thành viên Thu Jul 13, 2017 8:00 pm