fb: như hộp, tùy chỉnh css?

Question

Có thể thêm tệp css tùy chỉnh vào fb: like-box không? Ví dụ: tôi muốn xóa đường viền xung quanh khung nội tuyến. Cảm ơn

Answer 1

mới như hộp không chấp nhận "css" thuộc tính. Bạn phải sử dụng fb: fan plugin cũ để đạt được nó.

Ví dụ:

<fb:fan profile_id='[PAGE_ID]' width='300' height='256' show_faces='true' stream='false' header='false' css='[CSS_URL]'></fb:fan> 

Hãy nhớ thêm "all.js".

Answer 2

Bạn có thể thêm thuộc tính css vào thẻ <fb:like-box> với href vào biểu định kiểu CSS tùy chỉnh của mình. Điều này sẽ cho phép bạn thao tác các kiểu hiện có.

Một bài viết tốt về chủ đề này: http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site

Answer 3

Thông tin thêm về chủ đề:

Nếu bạn muốn sử dụng thuộc tính force_wall, bạn sẽ cần sử dụng phiên bản iframe.

Về cơ bản:

Go to:

• http://developers.facebook.com/docs/reference/plugins/like-box/

• Lấy mã iframe

• Thêm PROFILE_ID và css thuộc tính để nó (như đã giải thích ở trên)

• Thay đổi đường dẫn từ www.facebook.com/plugins/likebox.php? để http://www.connect.facebook.com/widgets/fan.php? ...

HOÀN THÀNH

Answer 4

<div id="fb-root"></div> 

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> 

<script type="text/javascript">FB.init("Your-App-ID");</script> 

<fb:fan profile_id="Your-Page-Profile-ID" connections="20" width="300" height="300" css="http://example.com/likebox-style.css?1"></fb:fan> 

Không sử dụng luồng trực tiếp cho các trang web có bài tốc độ thấp, dòng sẽ trống nếu chỉ có những bài đăng cũ hơn 6 tuần .

Answer 5

Hộp thích Facebook không còn hỗ trợ css nữa. Báo cáo Facebook: Hỗ trợ cho CSS tùy chỉnh đã bị xóa do các tác động bảo mật. Bây giờ chúng tôi cho phép plugin tương tự hiển thị mà không có đường viền qua đối số show_border = false. Tuy nhiên, nếu bạn muốn làm cho hộp giống như bạn đầy màu sắc, bạn có thể sử dụng thủ thuật gradient svg. Đọc - Styling Facebook Like Box With SVG