Tabs

Use any number of tabs shortcodes within your Joomla articles or modules.
They can easily be added inside the editor by using Tabs shortcode form located under text editor or by adding shortcodes directly.

examples:

Tabnav

Tab title
Tab title
Tab title

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Pellentesque placerat nisl sed pulvinar consectetur.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.

Tabpills

Tab title
Tab title
Tab title

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis.Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Tabs left

Tab title
Tab title
Tab title

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Tabs right

Tab title
Tab title
Tab title

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Tabs centered

Tab title
Tab title
Tab title

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

shortcode:

[yjsgstabs id="tabs5" type="tabnav"]//tabnav|tabpills|tabsleft|tabsright|tabscentered
[yjsgstabsgroup title="Tab title" active="1"]Tab content goes here...[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]Tab content goes here...[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]Tab content goes here...[/yjsgstabsgroup]
[/yjsgstabs]

Shortcodes

یا

ثبت

یا

کدهای کوتاه