You are not connected. Please login or register

Diễn Đàn Phan Ri Club Online » Hướng Dẫn & CNTT Máy Tính » Hướng Dẫn Và Làm WebSite » Hướng Dẫn Và Làm Forumtion » Hướng Dẫn - Code » [Hướng Dẫn - Code] Code Hiện Thông Tin Thành Viên Đẹp

[Hướng Dẫn - Code] Code Hiện Thông Tin Thành Viên Đẹp

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Demo

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})});
Thêm đoạn css này nữa là xong
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;
}
Nguồn : http://punbb-design.forumotion.com/



Nơi Giao Lưu Chia Sẽ Nhưng Câu Chuyện Buồn Vui Và Những Phần Mềm Hình Anh
Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
Xem lý lịch thành viên
uppppppppppppppppppppppppppppppppppp



Nơi Giao Lưu Chia Sẽ Nhưng Câu Chuyện Buồn Vui Và Những Phần Mềm Hình Anh
Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
Xem lý lịch thành viên

Admin

avatar
Admin
Admin
xemmmmmmmmmmmmmmmm



Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
Xem lý lịch thành viên http://phanriclub.bforum.biz

Sponsored content


Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết