- Tham gia
- 28/02/2015
- Bài viết
- 17,142
- Được Like
- 12,745
Vnxf.vn - Đây là một sự thay đổi rất nhỏ nhưng sau đó có thể nhìn thấy bài viết của bạn được chia sẻ rộng rãi hơn.
Để sử dụng, bạn phải kích hoạt AddThis trong ACP -> Options -> Statistics and Metrics
đến thư mục có liên quan trong từng thư mục theo style (trong trường hợp của tôi, tôi có một thư mục tùy chỉnh được gọi là hình ảnh).
Thêm code này vào EXTRA.css:
FontAwesome
Thêm code này vào EXTRA.css:
CSS Only
Thêm code này vào EXTRA.css:
Lưu ý: Nếu bạn sử dụng một style bên thứ ba, chẳng hạn như UI.X, bạn có thể cần phải sử dụng .message .postNumber:before thay vì .message .publicControls .item.postNumber:before.
Và kết quả là thế này:
Tất nhiên là bạn có thể sử dụng hình khác hoặc thay đổi cho phù hợp với CSS.
Để sử dụng, bạn phải kích hoạt AddThis trong ACP -> Options -> Statistics and Metrics
Trong style mặc định, nó không phải là ngay lập tức rõ ràng rằng cách nhấp vào # hoặc các bài ID sẽ làm cho lớp phủ chia sẻ sẵn.
Một chút đơn giản của CSS có thể khắc phục điều đó.
Sử dụng một trong các phương pháp sau đây.
Ảnh
Upload hình ảnh này Sử dụng một trong các phương pháp sau đây.
Ảnh
Thêm code này vào EXTRA.css:
Mã:
.message .publicControls .item.postNumber:before
{
content: url('@imagePath/images/addthis.png');
display: inline;
height: 8px;
width: 8px;
vertical-align: middle;
float: left;
margin-right: 2px;
}
FontAwesome
Thêm code này vào EXTRA.css:
Mã:
.message .publicControls .item.postNumber:before
{
content: "\f0fe";
font-family: FontAwesome;
margin-right: 2px;
color: #FE6D4C;
}
CSS Only
Thêm code này vào EXTRA.css:
Mã:
.message .publicControls .item.postNumber:before
{
content: '+';
float: left;
margin: 2px 2px 0 0;
padding: 1px;
color: #FFF;
font: 700 14px/8px Arial;
background: #FE6D4C;
}
Lưu ý: Nếu bạn sử dụng một style bên thứ ba, chẳng hạn như UI.X, bạn có thể cần phải sử dụng .message .postNumber:before thay vì .message .publicControls .item.postNumber:before.
Và kết quả là thế này:
Nguồn: xenforo.com
Bài viết liên quan
Bài viết mới