Tutorial Joomla: YT Mega Popup – Hướng dẫn sử dụng

YT Mega Popup là plugin giúp hiển thị dữ liệu của bạn bằng cửa sổ Popup. Bạn sẽ dễ dàng lựa chọn kiểu hiển thị Popup cho website. YT Mega Popup cho phép bạn hiển thị các kiểu như: ảnh, slideshow, ajax, iframe, youtube. Plugin này phù hợp với tất cả các phiên bản của joomla.

Ở bản demo này chúng tôi sử dụng phương thức hiển thị cho popup là Fancybox. Ngoài ra bạn có thể chọn một trong các phương thức sau:

– Fancybox

– Greybox

– Highslide

– Thickbox

– Multibox

1. Image

Cú pháp:

{ytpopup type=”image” content=” https://lmt.com.vn/images/1074495489.jpg” typepopup=”fancybox” width=”400″ height=”300″ title=”Sample image” }YOUR HTML CODE HERE{/ytpopup}

Demo:

{ytpopup type=”image” content=”https://lmt.com.vn/images/content_category/Graphic/T1_2013/tao-anh-dai-dien.jpg” typepopup=”fancybox” width=”400″ height=”300″ title=”Sample image” }{/ytpopup}

2. SlideShow:

Cú pháp:

{ytpopup type=”slideshow” content=”https://lmt.com.vn/images/megapopup/1074495489.jpg, https://lmt.com.vn/images/megapopup/1074495489.jpg, https://lmt.com.vn/images/megapopup/1074495489.jpg, https://lmt.com.vn/images/megapopup/1074495489.jpg, https://lmt.com.vn/images/megapopup/1074495489.jpg” width=”400″ height=”300″ title=”Slideshow Demo”}YOUR HTML CODE HERE{/ytpopup}

Demo:

{ytpopup type=”slideshow” content=”https://lmt.com.vn/images/content_category/Graphic/T1_2013/tao-anh-dai-dien.jpg, https://lmt.com.vn/images/content_category/Joomla/T3_2013/hinh-anh-dep_1.jpg, https://lmt.com.vn/images/content_category/Joomla/T3_2013/hinh-anh-dep_2.jpg” title=”Slideshow Demo” }Slideshow Demo{/ytpopup}

3. Iframe

Cú pháp:

{ytpopup type=”iframe” content=”https://www.google.com.vn/” width=”500″ height=”400″}Load a sample iFrame{/ytpopup}

Demo:

{ytpopup type=”iframe” content=”http://lmt.com.vn/home/” width=”1028″ height=”800″ }iFrame Demo{/ytpopup}

4. Youtube

Cú pháp:

{ytpopup type=”youtube” content=”https://www.youtube.com/v/Z_IGbHS7NsE” width=”400″ height=”300″ title=”Miss Universe – Korea”}YouTube Demo{/ytpopup}

Demo:

{ytpopup type=”youtube” content=”https://www.youtube.com/v/FGm9X3QaBWg” title=”Tutorial K2 ” }YouTube Demo{/ytpopup}

5. Ajax

Cú pháp:

{ytpopup type=”ajax” content=”https://www.google.com.vn/” width=”400″ height=”300″ title=”Load an url using ajax”}YOUR HTML CODE HERE{/ytpopup}

Demo:

{ytpopup type=”ajax” content=”http://lmt.com.vn/home/” width=”800″ height=”600″ title=”Ajax Demo” }Ajax Demo{/ytpopup}

Xuân Trung