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

[Admin]

Để 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%;
}

Demo:

Download

 

[Langtubk]

Anh thắng làm giup em với.hì đang mobile