Tạo Lightboxes trong Joomla với Modals

29/04/2014

Bạn đang tìm kiếm cách tạo một hiệu ứng pop up hoặc chuyển một link thành một cửa sổ popup ? Chúng thường được biết đến với các tên gọi là modals hoặc lightboxes.

tao-lightboxes-trong-joomla-voi-modals-01

Trong bài viết này , mình sẽ chia sẻ cho các bạn một cách tạo hiệu ứng lightbox rất đơn giản và hiệu nghiệm. Chúng ta sẽ cài đặt một extension để làm điều này với tên gọi là Modals. Với extension này, nó sẽ giúp các bạn tạo hiệu ứng lightbox tốt cho cả Joomla 2.5 và 3.

Cài Đặt Modals

Các bạn có thể tải Modals theo đường link này.

Sau khi tải về máy, các bạn đăng nhập vào trang admin rồi vào Extensions -> Extensions Manager -> Install và cài đặt với plugin mà chúng ta mới tải về. Sau khi cài đặt thành công, các bạn nhớ ” Enable ” nó để sử dụng.

Sử dụng {modal} tag

Để tạo hiệu ứng popup cho một link hoặc nội dung nào, thì các bạn chỉ việc đặt link hay nội dung đó vào bên trong thẻ {modal} {/modal} như ví dụ sau :

tao-lightboxes-trong-joomla-voi-modals

{modal https://www.youtube.com/embed/tENZDoj5MTg|width=560|height=315|
title=Learn all about What? Nothing!}Youtube video{/modal}

Và chúng ta sẽ có kết quả thế này :

tao-lightboxes-trong-joomla-voi-modals-02

Tạo menu modal

Ngoài ra các bạn còn có thể tạo hiệu ứng pop up cho menu như sau :

– Đặt menu title vào bên trong thẻ {modal}{/modal}

tao-lightboxes-trong-joomla-voi-modals-03

Và các bạn sẽ có ngay một hiệu ứng lightbox :

tao-lightboxes-trong-joomla-voi-modals-04

Mình hy vọng plugin này sẽ giúp các bạn giải quyết được những yêu cầu về hiển thị pop up cho trang web của mình.

Chúc các bạn thành công !

fdfdf

Chuyên Mục:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !