Quên mật khẩu?

Ẩn quảng cáo - Esc
 » Thủ Thuật Tổng Hợp » Thủ Thuật Dành Cho Forum » Code [Code] Tooltip Info thông tin thành viên ngoài Index

Thích bài này? Bài trướcBài sau

Admin

Thu Sep 26, 2013 6:48 pm

#1
  • Admin

Admin



Administrator
https://vngame-vip.forumvi.com
Administrator
Gia nhập : 12/09/2013
Tổng số bài gửi : 999
Đồng vàng : 27336
Cảm ơn : 4056
 [Code] Tooltip Info thông tin thành viên ngoài Index Empty [Code] Tooltip Info thông tin thành viên ngoài Index

Demo :

[You must be registered and logged in to see this link.]

Thông tin : 
Khi rê chuột vào tên thành viên gửi bài cuối cùng ngoài index_box sẽ hiện Tooltip 
Nhóm , bài viết , tham gia , điểm , Avatar ^^
Bước 1 : Vào Css thêm đoạn này lên đầu :
Code:
.perfilInfo {
background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 98% 0;
float: left;
height: 177px;
left: -40em;
padding: 16px 0 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.setPerfil > span {
background: #f9f9f9;
border: 1px solid #999;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
}

.sprite-icon_topic_latest {
background: url(http://2img.net/i/fa/sprite_icons.png) no-repeat top left;
background-position: -1083px 0;
height: 9px;
width: 11px;
}
.setPerfil {
background: rgba(0,0,0,0.3);
border-radius: 3px;
display: block;
height: 100%;
padding: 5px 5px 10px;
}
.setPerfil .PerfilInfoImg {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
display: table;
float: left;
height: 91px;
padding: 1px;
width: 91px;
}
.setPerfil h2 {
background: #E1E1E1;
border-radius: 0 10px 0 0;
box-shadow: 1px 1px 0 #CCC;
display: block;
float: left;
font-family: "Trebuchet MS";
font-size: 19px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-bottom: 10px;
padding: 5px;
text-shadow: 1px 1px 0 #fff;
width: 382px;
}
.setPerfil p {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F1F1F1;
border-left: 3px solid #333;
border-top: 1px solid #333;
box-shadow: 1px 1px 0 #CCC;
display: block;
float: right;
font-weight: 400;
margin: 2px 5px;
padding: 5px;
text-align: left;
width: 350px;
}
.setPerfil p {
font-weight: 400;
text-align: left;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
border-top: none;
bottom: -7px;
box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 2px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf a {
color: #616161!important;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
}

.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}.setPerfil p div {
display: inline;
}
Bước 2 : Thêm js này vào Footer_begin
Code:
<script type="text/javascript" src="http://hotro57.forumvi.com/16757.js"></script>
Trả lời chủ đề này

Điện thoại: 050077777777777777 - Email: trihaivippro258@gmail.com - Yahoo: trihaivip_258@yahoo.com - Bảng báo giá