[Help] Avatar Drop Menu

[Duyanh215415]

Không biết tittle đúng tên chưa ^^

Như bác pro nào giúp em làm y chang của nhé. Dạng như đưa chuột vào avatar nó hiện ra cái bảng ấy

Như hình này nè:



Ai giúp giùm em nhé.

tks nhiều

[HieuKen]

lấy demo lun hả bạn

[tonngokhong]

lấy demo lun hả bạn

người ta muôn lấy drop menu cho phiên bản Invision thì chỉ có cp là có không lấy của cp thì lấy demo của ai hả bạn

[HieuKen]

uk, nếu thế thì chèn vào css như sau:

Code:

.postprofile{height:190px}
.postdetails dt img{
width:100px;
height:100px;
box-shadow:0 0 5px #000;
border-radius:5px;
position:relative;
z-index:5
}
.postprofile-head.post-header,.postprofile-details.postdetails{
text-align:center;
}
.postdetails > dt + dd + dd + dd{
border-radius:5px;
box-shadow:3px 3px 5px rgba(0, 0, 0, 0.36);
padding:5px;
min-height:115px;
padding-left:122px;
position:relative;
border:2px solid #DDD;
background:white;
display:none;
width:365px;
margin:-152px 0 0 35px;
text-align:left;
z-index:4;
}
.postdetails:hover>dt+dd+dd+dd{
display:block;
}
.postdetails:hover>dt+dd+dd+dd span:nth-child(3){margin-left:50px}
.postdetails:hover>dt+dd+dd+dd span:nth-child(8){margin-left:84px}
.postdetails:hover>dt+dd+dd+dd span:nth-child(13){margin-left:16px}
.avatar+ul{
text-align:left;
}

span:nth-child(3),span:nth-child(8),..... sửa lại mấy cái này cho phù hợp với vị trí thứ tự profile

[Duyanh215415]

Em copy css y chang của anh ở trên paste vào thì nó thế này ~~

Lúc thì chạy bậy xuống dưới:



Lúc thì chạy bậy lên trên :



Lúc thì chữ nó thụt hàng lên hàng :



Với lại em làm icon trước các cái đó thì nó mất tiêu không hiện lên ~~. PRO nào giúp em với ^^

[HieuKen]

đã nói, sữa thông số cho phù hợp với rum mà

[Duyanh215415]

đã nói, sữa thông số cho phù hợp với rum mà

~~ Tình hình là em gà không hiểu số 3 vs 8 thế nào cho phù hợp

demo : www.playdaf-big-forum.net

Xem và chỉ em thay đổi ^^

[Duyanh215415]

uk, nếu thế thì chèn vào css như sau:

Code:

.postprofile{height:190px}
.postdetails dt img{
width:100px;
height:100px;
box-shadow:0 0 5px #000;
border-radius:5px;
position:relative;
z-index:5
}
.postprofile-head.post-header,.postprofile-details.postdetails{
text-align:center;
}
.postdetails > dt + dd + dd + dd{
border-radius:5px;
box-shadow:3px 3px 5px rgba(0, 0, 0, 0.36);
padding:5px;
min-height:115px;
padding-left:122px;
position:relative;
border:2px solid #DDD;
background:white;
display:none;
width:365px;
margin:-152px 0 0 35px;
text-align:left;
z-index:4;
}
.postdetails:hover>dt+dd+dd+dd{
display:block;
}
.postdetails:hover>dt+dd+dd+dd span:nth-child(3){margin-left:50px}
.postdetails:hover>dt+dd+dd+dd span:nth-child(8){margin-left:84px}
.postdetails:hover>dt+dd+dd+dd span:nth-child(13){margin-left:16px}
.avatar+ul{
text-align:left;
}

span:nth-child(3),span:nth-child(8),..... sửa lại mấy cái này cho phù hợp với vị trí thứ tự profile

Demo forum em nè

www.playdaf.big-forum.net

PRO nào vào chỉ em nên sửa thông số như bạn ấy hợp lý không ??

Em sửa toàn lỗi không hà

[handsomevip007]

Đó là lý do mà mình không share cái này Vì khó làm mà dễ lỗi

[Duyanh215415]

Đó là lý do mà mình không share cái này Vì khó làm mà dễ lỗi

Giúp mình một phát đi Hand ơiii @@.. Rầu quá @@

[Sponsored content]