Tạo button cho 'Like' 'Unlike' và 'Reply'

[PVS]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

Để tạo button cho 'Like' 'Unlike' 'Reply' 'Report' ... Các bạn save 3 ảnh ở file đính kèm và upload chúng vào thư mục styles/default/xenforo/

Mở template message.css
Tìm đoạn code sau:

.message .messageMeta .control
                {
                    @property "messageMetaControl";
                    @property "/messageMetaControl";
                }

Thay bằng

.message .messageMeta .control{
text-decoration: none;
background-color: #eeeeee;
padding: 0 10px;
margin-top: -5px;
margin-left: 3px;
border: 1px solid #e2e2e2;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
line-height: 24px;
text-shadow: #fff 0px 1px 0px;           
@property "messageMetaControl";
@property "/messageMetaControl";
}

Mở template Extra.css
Thêm đoạn code sau vào cuối:

.publicControls .like: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%;
}

​

Nguồn: dulieutinhoc.com​