Official Tích hợp Comment Facebook vào trình xem ảnh của XenForo 1.0.0

Compatible (tương thích):

• XenForo 1.2

Miêu tả:
Tích hợp Plugin Facebook Comment vào trình xem ảnh mặc định (Lightbox) của XenForo. Có thể hình dung nó giống như các bạn xem và bình luận về 1 ảnh trên Facebook

Screenshot:


Live Demo: http://vxf.vn/resources/xenfitter.849/

Cài đặt:
- Tải file và upload nội dung trong thư mục Upload lên thư mục gốc diễn đàn.
- Mở template lightbox tìm

Mã:

<div class="imageContainer">
        <img id="LbImg" class="LbImg" alt="" />
        <a class="imageNav" id="LbPrev"><span class="ctrl"><span>&lt;</span></span></a>
        <a class="imageNav" id="LbNext"><span class="ctrl"><span>&gt;</span></span></a>
        <div class="imageCount"><span id="LbSelectedImage">1</span>/<span id="LbTotalImages">1</span></div>

- Thay bằng

Mã:

<div class="LbImageDetail">
    <div class="imageContainer">
        <img id="LbImg" class="LbImg" alt="" />
        <a class="imageNav" id="LbPrev"><span class="ctrl"><span>&lt;</span></span></a>
        <a class="imageNav" id="LbNext"><span class="ctrl"><span>&gt;</span></span></a>
        <div class="imageCount"><span id="LbSelectedImage">1</span>/<span id="LbTotalImages">1</span></div>
    </div>
    </div>
    <div class="LbImgFaceComment"><div id="LbImgFaceComment" class="fb-comments" data-href="" data-num-posts="10" data-width="420"></div></div>

- Mở template lightbox.css thêm vào cuối

Mã:

.lightBox .LbImageDetail{
    float: left;
    margin-right: -420px;
    width: 100%;
}
.lightBox .imageContainer{
    margin-right: 420px;
}
.lightBox .LbImgFaceComment{
    float: right;
    background:#fff;
    height:100%;
}

- Lưu ý: Thay 420 bằng chiều rộng khung comment theo ý bạn.

Vui lòng ghi rõ nguồn VXF - Cộng Đồng XenForo Việt Nam (www.vxf.vn) khi phát hành lại bài viết này.