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,829
Được Like
12,687
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,462
Được Like
1,205
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,462
Được Like
1,205
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,651
Được Like
3,939
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

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom