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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,698
Để 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:
Mã:
.message .messageMeta .control
                {
                    @property "messageMetaControl";
                    @property "/messageMetaControl";
                }

Thay bằng
Mã:
.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:
Mã:
.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%;
}

button_like.PNG


Nguồn: dulieutinhoc.com​
 

Đính kèm

  • like.zip
    2.7 KB · Lượt xem: 24
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom