Làm cho chia sẻ bài viết rõ ràng hơn

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,832
Được Like
12,694
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

upload_2014-7-11_10-16-24.png

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.
before.png

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
addthis.png
đế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:
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:

after.png

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.


Nguồn: xenforo.com​
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Mã:
Upload hình ảnh này addthis.png đế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).
Cái này dùng link có được không bác ?
 
  • Like
Reactions: THB

nttruong

MasterCorporal
Tham gia
25/02/2015
Bài viết
368
Được Like
614
Css để dùng addthis thôi bạn. Việt nam mình thì nhìn cho vui. Chứ có bao giờ làm để mang lại giá trị đâu nè :(
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Css để dùng addthis thôi bạn. Việt nam mình thì nhìn cho vui. Chứ có bao giờ làm để mang lại giá trị đâu nè :(
Nói thật với bác đến bây giờ em mới biết cái # đó là để chia sẽ.
Hồi giờ cứ tưởng để đánh số thứ tự cho vui :eek:
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,646
Được Like
3,931
từ từ sẽ thông minh hơn. hiii
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

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