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

[baivong]

Xem thông tin gốc và download phiên bản mới nhất tại http://fancybox.net/

Hướng dẫn: Thêm vào trước thẻ

Code:

</head>

code sau:

Code:

<link rel="stylesheet" href="http://link.08sh.tk/Cbox" type="text/css" />
<script src="http://link.08sh.tk/Sbox" type="text/javascript"></script>

Nếu dùng ngoài Forum (trang HTML) thì thêm Script sau vào giữa:

Code:

<script src="http://link.08sh.tk/jquery" type="text/javascript"></script>

Các bạn lưu ý thứ tự code: CSS - Script - jQuery
Cách dùng: Tạo liên kết với Id theo mục đích sử dụng
1- Chèn flash:

Code:

<a id="flashCFviet" href="LINK FLASH">Xem demo</a>

2- Đoạn văn bản: Demo: Tại trang chính Click vào

Code:

<a id="noidungCFviet" href="#gioithieu">Xem demo</a>
<div style="display: none;">
        <div id="gioithieu" style="width:600px;height:270px;overflow:auto;">
Nội dung doạn văn bản
        </div>
</div>

3 - Dòng thông báo: Demo: Tại trang chính Click vào

Code:

<a id="thongbaoCFviet" href="#yeucau">Xem demo</a>
    <div style="display: none;"><div id="yeucau">
    <p>Nội dung dòng thông báo.    <a href="javascript:;" onclick="$.fancybox.close();"><font color="red">Close</font></a>
    </p>
</div></div>   

4- Chèn trang web:

Code:

<a id="chatCFviet" href="LINK WEBSITE">Xem demo</a>

5- HTML tùy biến:

Code:

<a id="TDYTCFviet" href="LINK FILE HTML (js, txt, htm)">Xem demo</a>

6 - Cảnh báo trước khi xem nội dung:

Code:

<a id="contactCFviet" href="LINK">Xem demo</a>

Các bạn có thể chỉnh sửa các Id và thông số trong code để phù hợp với nội dung của forum mình.

Code:

Xem demo tại: http://clan.baivong.tk/t1211-topic

Viết bởi baivong - clan.baivong.tk

[bu3bie]

công dụng của FANCYBOX là gì vậy nhỉ???

[quangtrung_it]

Thank

[baivong]

[Update] Nhóm và xem ảnh:

Vì mình ko thể sửa bài viết nên sẽ viết lại bước Hướng dẫn, còn phần Cách dùng thì ko có gì thay đổi.

Quản lý tổng thể - Display - Templates - overall_header:
Thêm vào bên dưới

Code:

   {CSS}

...bằng:

Code:

        <link rel="stylesheet" href="http://link.08sh.tk/Cbox" type="text/css" />

Thêm vào bên dưới:

Code:

   <script src="{JQUERY_PATH}" type="text/javascript"></script>

...code sau:

Code:

      <script src="http://link.08sh.tk/Sbox" type="text/javascript"></script>

Đây là thứ tự để code hoạt động tốt nhất, bạn nào đang sử dụng Fancybox theo bài hướng dẫn này và ko thay đổi link thì chức năng này sẽ tự cập nhật, không cần phải thay đổi gì cả.
Nếu các bạn đang xài code xem ảnh khác như SLIMBOX, THICKBOX, COLORBOX... thì phải xoá đi để ko gây xung đột code.

Code:

Demo: http://www.08sh.tk/t422-topic

[upkey1010]

Ui, cuối cùng cũng đã làm được.
Bỏ xong cái Resize ảnh ở Cấu hình diễn đàn là xong ngay,
hay quá !!!

[baivong]

Bạn nào đang xài Fancybox theo bài chia sẽ của mình thì, muốn xem video Youtube chỉ cần chép liên kết Youtube vào như thế này: https://www.youtube.com/watch?v=8DOD_krOcNU
Fancybox sẽ tự bắt link, nếu muốn trông đẹp hơn thì dùng thêm Thumbnail Image

Code:

[url=http://www.youtube.com/watch?v=8DOD_krOcNU]Liên kết đến video Youtube[/url]

Dùng HTML thì thế này:

Code:

<a href="http://www.youtube.com/watch?v=8DOD_krOcNU">Liên kết đến video Youtube</a>

Demo: http://bvdemo.forumvi.com/t3-topic

[Sấm]

Đúng là battuvuong Chất không có chổ mô tả Làm cây kem chứ :ice2:

[hizen]

xem clip xong thèm hả o0o_mr79

[mjss123]

Em làm xong hết như hướng dẫn rồi anh, em có thấy gì đâu
4rum em là :

Code:

http://a5ntt.forumvi.com/

[IceFox]

Oh thì ra là chèn như vậy Làm mình hỏi baivong cả đêm hôm qua

[Mr.Win™]

CÁi này dùng làm cái gì vậy nhỹ !!!

[IceFox]

CÁi này dùng làm cái gì vậy nhỹ !!!

Dùng để làm đẹp kiểu xem ảnh, xem phim. Sau khi sử dụng thì ảnh hoặc clip của bạn sẽ được chuyển vào lightbox mỗi khi click vào. Nhìn sẽ đẹp và thẩm mỹ hơn .

[kubimz]

[Update] Nhóm và xem ảnh:

Vì mình ko thể sửa bài viết nên sẽ viết lại bước Hướng dẫn, còn phần Cách dùng thì ko có gì thay đổi.

Quản lý tổng thể - Display - Templates - overall_header:
Thêm vào bên dưới

Code:

   {CSS}

...bằng:

Code:

        <link rel="stylesheet" href="http://link.08sh.tk/Cbox" type="text/css" />

Thêm vào bên dưới:

Code:

   <script src="{JQUERY_PATH}" type="text/javascript"></script>

...code sau:

Code:

      <script src="http://link.08sh.tk/Sbox" type="text/javascript"></script>

Đây là thứ tự để code hoạt động tốt nhất, bạn nào đang sử dụng Fancybox theo bài hướng dẫn này và ko thay đổi link thì chức năng này sẽ tự cập nhật, không cần phải thay đổi gì cả.
Nếu các bạn đang xài code xem ảnh khác như SLIMBOX, THICKBOX, COLORBOX... thì phải xoá đi để ko gây xung đột code.

Code:

Demo: http://www.08sh.tk/t422-topic

Mình làm theo , mà hình ảnh nó không zoom tại nọi dung bài viết mà chuyển sang 1 trang khác + hình ảnh , hướng dẫn mình với

[nightWalker]

Hay, Vote tinh thần một phiếu

[baythang]

cái xem ảnh nào nhẹ nhất nhỉ

[batonchinsu]

cái xem ảnh nào nhẹ nhất nhỉ

Theo mình là colorbox

[Nguoicodon16]

àk xin lỗi em mới tham gia.
Vui lòng cho em hỏi FancyBox là gì ạ ?

[phutu01]

cho hỏi trong fancybox chỗ nào là giới hạn width-max với height-max vậy .

Tại mình thấy forum mình dùng fancybox 1 số chỗ ảnh to khi cick vào hiện fancybox thì ảnh bị teo lại

[phutu01]

cho hỏi trong fancybox chỗ nào là giới hạn width-max với height-max vậy .

Tại mình thấy forum mình dùng fancybox 1 số chỗ ảnh to khi cick vào hiện fancybox thì ảnh bị teo lại

có ai giúp không vậy

[taulai]

Bạn nào đang xài Fancybox theo bài chia sẽ của mình thì, muốn xem video Youtube chỉ cần chép liên kết Youtube vào như thế này: https://www.youtube.com/watch?v=8DOD_krOcNU
Fancybox sẽ tự bắt link, nếu muốn trông đẹp hơn thì dùng thêm Thumbnail Image

Code:

[url=http://www.youtube.com/watch?v=8DOD_krOcNU]Liên kết đến video Youtube[/url]

Dùng HTML thì thế này:

Code:

<a href="http://www.youtube.com/watch?v=8DOD_krOcNU">Liên kết đến video Youtube</a>

Demo: http://bvdemo.forumvi.com/t3-topic

Cái này pro quá

[a]

Cho mình hỏi làm sao thay được chữ FMVI ở phía dưới được

[LiBee KS]

Bạn tạo 1 trang HTML khác và vào link này:

Code:

http://link.08sh.tk/Sbox

..Ctrl + U và copy hết passt vào trang HTML mới tạo và search từ FMvi và thay = từ j` tùy bạn
P/s: Nhớ thay lại link trang HTML mới tạo nhé

Code:

<link rel="stylesheet" href="link HTML mới tạo" type="text/css" />
<script src="http://link.08sh.tk/Sbox" type="text/javascript"></script>

Và past vào thẻ trước thẻ

Code:

</head>

[a]

Không được.bạn kiểm tra lại link dùm mình được không.Mình thế sao ấy
không vào được link trên mà nó nhảy lun qua link này http://www.08sh.tk/h1-fancybox

[a]

Ai cho mình xin js ở trên được không Mình không thể vào link để xem js được tại nó toàn nhảy sang link http://www.08sh.tk/h1-fancybox không ah.Nên không thể edit lại mục ở dưới www.fmvi.com được

[handsomevip007]

Link đó là js đó :T

[a]

Đây là ảnh link đó.js gì mà có cả khung web nữa trời

[hj4uk0j0o97]

bạn ơi, link demo lỗi hết rồi @!@

[handsomevip007]

Đây là ảnh link đó.js gì mà có cả khung web nữa trời

Ai bảo bạn mở bằng trang web đâu mà la Lấy link đó cho vào chỗ js là dc rồi ==!!

[a]

E biết dzạ nhưng giờ đang mún edit lại cái js đó mà mở không được.Không biết đưa cái link quái đó vào chõ nào để lấy code.đưa lên trình duyệt thì mở ra như trên đấy.pó tay lun.pro giúp dùm đi mà

[handsomevip007]

==!! Thì mở link đó lên Ctrl U

[Sponsored content]