Thêm icons bên cạnh các Button

Mình có bộ Icons này : http://teensigon.zz.mu/styles/icons/icons.png
Giờ mình muốn thêm icons tương ứng bên cạnh các Button : Edit, Delete, IP, Report thì làm sao vậy các bạn.



Ai giúp mình với

Demo : http://teensigon.zz.mu/index.php?threads/nếu-mỹ-tấn-công-các-chiến-hạm-nga-sẽ-chìm-trong-20-phút.1/#post-1

Account : Test
Password: 123

 

Help me.....

 

Ai giúp mình với !!!!!

 

câu hỏi của bạn đã có bài trên diễn đàn, chịu khó tìm là ra.

 

Mình search rồi nó chỉ hiện ra 3 cái này ( Trong đó cái đầu tiên là của mình)

 

http://vxf.vn/threads/tao-button-cho-like-unlike-va-reply.51/
Nhớ like

 

Cái này chỉ tạo cho 'Like' 'Unlike' và 'Reply' còn Edit, Delete, IP, Report không làm được.

 

Mọi người giúp với

 

Up........upppppppppppppp

 

Có ai giúp mình cái này được không vậy

 

Sử dụng bài của #7 sau đó dùng css thêm icon là xong chứ gì

 

Mình thử rồi không hiện được cho Edit, Delete, IP, Report bạn ơi. Cho mình xin cái code luôn đi. Mình không rành code lắm

 

link demo

 

Có ở trên rồi mà bạn nè : http://vxf.vn/threads/them-icons-ben-canh-cac-button.13221/
Có cần password admin không mình đưa luôn cho dễ

 

Đây. Nếu làm đc thì thank nhé

Mã:

.publicControls .like:before,
.publicControls .edit:before,
.publicControls .delete:before,
.publicControls .spam:before,
.publicControls .ip:before,
.publicControls .unlike:before,
.publicControls .reply:before,
.publicControls .postComment:before
{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url('styles/default/xenforo/thumb_up.png') no-repeat 50% 50%;
float: left;
margin: 4px 6px -5px -4px !important;
}
.publicControls .unlike:before{
background: url('styles/default/xenforo/thumb_down.png') no-repeat 50% 50%;
}
.publicControls .postComment:before,
.publicControls .reply:before{
background: url('styles/default/xenforo/message_reply.png') no-repeat 50% 50%;
}

.publicControls .edit:before{
background: url('link ảnh hình edit') no-repeat 50% 50%;
}

.publicControls .delete:before{
background: url('link ảnh hình delete') no-repeat 50% 50%;
}

.publicControls .ip:before{
background: url('link ảnh hình ip') no-repeat 50% 50%;
}

.publicControls .spam:before{
background: url('link ảnh hình spam') no-repeat 50% 50%;
}

 

Mình làm rồi nó không hiện ra. Bạn log vào admin giúp mình luôn nha. Mình gửi vào inbox bạn rồi đó
Mình muốn sử dụng bộ icons này, bạn giúp mình nha
http://teensigon.zz.mu/styles/icons/icons.png

 

ôi muốn hiện bạn phải tách từng icon
cái này mình phát triển thêm từ #7

 

Mình làm theo cái #7 nhưng nó chỉ hiện 'Like' 'Unlike' và 'Reply', mấy cái khác trống trơn. Code của bạn vẫn vậy. Chả hiểu sai cái gì

 

trời ơi ( bạn vui lòng cắt hình ra từng icon mới hiện

 

Hic, mình đâu cần cắt hình nó vẫn hiện cho 'Like' 'Unlike' và 'Reply' mà. Mình cho đúng position của icons mà.



Code mình nè :

Mã:

.publicControls .like:before,
.publicControls .edit:before,
.publicControls .delete:before,
.publicControls .spam:before,
.publicControls .ip:before,
.publicControls .unlike:before,
.publicControls .reply:before,
.publicControls .postComment:before
{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat -97px -145px;
float: left;
margin: 4px 6px -5px -4px !important;
}
.publicControls .unlike:before{
background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat -121px -146px;
}
.publicControls .postComment:before,
.publicControls .reply:before{
background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat -337px -98px;
}
.publicControls .postComment:before,
.publicControls .edit:before{
    background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat 0 -72px;
}

.publicControls .delete:before{
background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat -314px -2px;
}

.publicControls .ip:before{
background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat -145px -97px;
}

.publicControls .spam:before{
background: url('http://teensigon.zz.mu/styles/icons/icons.png') no-repeat -458px 0;
}