Tabs

Home  /  כללי  /  Tabs

Tabs

נובמבר 6, 2014

Vertical Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.
Donec ut sem sit amet augue faucibus lacinia in ac neque. Aliquam laoreet neque vel lorem consectetur lobortis. Ut non bibendum metus. Etiam tristique fermentum purus, sit amet adipiscing sem blandit non. Duis ut ante dui, sed fermentum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Ut gravida hendrerit erat, a pellentesque dolor mattis et. Donec ligula diam, luctus id dapibus ac, egestas eu risus. Curabitur eget leo nisl. Nulla ac dapibus mi. Morbi enim nulla, porttitor ac vestibulum et, scelerisque eu justo. Mauris sit amet ornare est. Duis rhoncus lacinia sodales. Pellentesque sit amet ultrices odio.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.

View Source Code

[tabwrapper id="sktana_container1" itemno="1" orient="v" effect="1"] [tabs] [tabtxt]Tab1[/tabtxt] [tabtxt]Tab2[/tabtxt] [tabtxt]Tab3[/tabtxt] [tabtxt]Tab4[/tabtxt] [/tabs] [tabcontainer] [tabcontent]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.[/tabcontent] [tabcontent]Donec ut sem sit amet augue faucibus lacinia in ac neque. Aliquam laoreet neque vel lorem consectetur lobortis. Ut non bibendum metus. Etiam tristique fermentum purus, sit amet adipiscing sem blandit non. Duis ut ante dui, sed fermentum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[/tabcontent] [tabcontent]Ut gravida hendrerit erat, a pellentesque dolor mattis et. Donec ligula diam, luctus id dapibus ac, egestas eu risus. Curabitur eget leo nisl. Nulla ac dapibus mi. Morbi enim nulla, porttitor ac vestibulum et, scelerisque eu justo. Mauris sit amet ornare est. Duis rhoncus lacinia sodales. Pellentesque sit amet ultrices odio.[/tabcontent] [tabcontent]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.[/tabcontent] [/tabcontainer] [/tabwrapper]

Horizontal Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eu lacus diam. Vestibulum ut sem odio, eu sollicitudin tellus. Sed varius pellentesque dignissim. Cras in sapien orci. Morbi at ligula dui, eget laoreet risus.
Donec ut sem sit amet augue faucibus lacinia in ac neque. Aliquam laoreet neque vel lorem consectetur lobortis. Ut non bibendum metus. Etiam tristique fermentum purus, sit amet adipiscing sem blandit non. Duis ut ante dui, sed fermentum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean quis adipiscing dolor. Duis faucibus massa et urna aliquam tempus. Nullam ac sem sapien, nec laoreet orci. Donec posuere nunc a elit posuere luctus. Integer nisi nisl, rutrum id gravida quis, varius ac lorem.
Ut gravida hendrerit erat, a pellentesque dolor mattis et. Donec ligula diam, luctus id dapibus ac, egestas eu risus. Curabitur eget leo nisl. Nulla ac dapibus mi. Morbi enim nulla, porttitor ac vestibulum et, scelerisque eu justo. Mauris sit amet ornare est. Duis rhoncus lacinia sodales. Pellentesque sit amet ultrices odio. Pellentesque enim libero, adipiscing nec blandit in, laoreet ut tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eu lacus diam. Vestibulum ut sem odio, eu sollicitudin tellus. Sed varius pellentesque dignissim. Cras in sapien orci. Morbi at ligula dui, eget laoreet risus.

View Source Code

[tabwrapper id="ske_alicontainer" itemno="1" orient="h" effect="1"] [tabs] [tabtxt]Tab1[/tabtxt] [tabtxt]Tab2[/tabtxt] [tabtxt]Tab3[/tabtxt] [tabtxt]Tab4[/tabtxt] [/tabs] [tabcontainer] [tabcontent]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.[/tabcontent] [tabcontent]Donec ut sem sit amet augue faucibus lacinia in ac neque. Aliquam laoreet neque vel lorem consectetur lobortis. Ut non bibendum metus. Etiam tristique fermentum purus, sit amet adipiscing sem blandit non. Duis ut ante dui, sed fermentum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[/tabcontent] [tabcontent]Ut gravida hendrerit erat, a pellentesque dolor mattis et. Donec ligula diam, luctus id dapibus ac, egestas eu risus. Curabitur eget leo nisl. Nulla ac dapibus mi. Morbi enim nulla, porttitor ac vestibulum et, scelerisque eu justo. Mauris sit amet ornare est. Duis rhoncus lacinia sodales. Pellentesque sit amet ultrices odio.[/tabcontent] [tabcontent]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.[/tabcontent] [/tabcontainer] [/tabwrapper]

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *