Tabs-Elemente (als Button oder Registerkarten)

Die Registerkarten (Tabs) — Tabs ohne Umrandung, als Buttons

Der erste Tab-Inhalt

Suspendisse pulvinar eu lorem in fringilla? Praesent tempor sapien ac ex bibendum iaculis. Mauris eget fermentum lacus. Integer vel facilisis ligula. Proin ac faucibus neque. Integer venenatis nibh urna, consectetur viverra est lobortis ac. Maecenas viverra varius nulla, id dictum tellus lacinia ut. Vivamus viverra elit felis, quis dictum purus pretium vel. In porttitor ipsum in neque dignissim efficitur. Donec congue commodo neque. Curabitur aliquet ex vitae lacus sollicitudin volutpat. Phasellus vestibulum ex eget tempor lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed luctus ante eu lorem commodo, quis porttitor erat placerat. In gravida eros a elementum pulvinar. In porttitor, ex id faucibus tristique, arcu nisl placerat nisl, faucibus auctor odio arcu fermentum nulla.

Der zweite Inhalt

Proin vel ex eget felis pretium malesuada. Aliquam luctus sapien tellus, non cursus risus maximus at. Curabitur id diam et dolor aliquam dignissim eu ac est. Vivamus venenatis nisl sit amet turpis vehicula, convallis dictum urna blandit. Aenean maximus; ligula ac euismod feugiat, tellus nunc viverra eros, ac pharetra tellus quam porttitor turpis. Phasellus vitae elit ac turpis vehicula dictum sed ut quam. Cras id diam eleifend, pulvinar est eget, molestie nulla! Proin eget eros eu arcu dictum molestie nec quis orci. Aliquam eu sem at augue aliquam vehicula eget at urna. Nunc molestie elit lorem, venenatis gravida lorem mollis eget? Fusce mollis, sem non pulvinar volutpat, libero turpis cursus velit, et viverra nunc neque sed leo.

Der 3. und auch der letzte Text

In rutrum, tortor id varius porttitor, velit velit dictum turpis, vel sollicitudin erat nunc semper metus. Nulla quis justo vulputate, pulvinar lorem ut, tempus nisl. Curabitur feugiat, massa vitae cursus suscipit, dolor velit rhoncus turpis, nec placerat leo leo non dui. Aenean dictum dolor semper lacus porta, at viverra lorem sodales. Nullam nec urna cursus, finibus metus scelerisque, semper metus. Phasellus non justo purus. Nullam et molestie metus. Nulla vitae est vitae ex porttitor cursus eu vitae massa. Vestibulum luctus felis sed nunc vulputate dictum. Phasellus eu pellentesque tortor, quis laoreet nunc.
 

Die Registerkarten (Tabs) — Tabs mit Umrandung

Der erste Tab-Inhalt

Suspendisse pulvinar eu lorem in fringilla? Praesent tempor sapien ac ex bibendum iaculis. Mauris eget fermentum lacus. Integer vel facilisis ligula. Proin ac faucibus neque. Integer venenatis nibh urna, consectetur viverra est lobortis ac. Maecenas viverra varius nulla, id dictum tellus lacinia ut. Vivamus viverra elit felis, quis dictum purus pretium vel. In porttitor ipsum in neque dignissim efficitur. Donec congue commodo neque. Curabitur aliquet ex vitae lacus sollicitudin volutpat. Phasellus vestibulum ex eget tempor lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed luctus ante eu lorem commodo, quis porttitor erat placerat. In gravida eros a elementum pulvinar. In porttitor, ex id faucibus tristique, arcu nisl placerat nisl, faucibus auctor odio arcu fermentum nulla.

Der zweite Inhalt

Proin vel ex eget felis pretium malesuada. Aliquam luctus sapien tellus, non cursus risus maximus at. Curabitur id diam et dolor aliquam dignissim eu ac est. Vivamus venenatis nisl sit amet turpis vehicula, convallis dictum urna blandit. Aenean maximus; ligula ac euismod feugiat, tellus nunc viverra eros, ac pharetra tellus quam porttitor turpis. Phasellus vitae elit ac turpis vehicula dictum sed ut quam. Cras id diam eleifend, pulvinar est eget, molestie nulla! Proin eget eros eu arcu dictum molestie nec quis orci. Aliquam eu sem at augue aliquam vehicula eget at urna. Nunc molestie elit lorem, venenatis gravida lorem mollis eget? Fusce mollis, sem non pulvinar volutpat, libero turpis cursus velit, et viverra nunc neque sed leo.

Der 3. und auch der letzte Text

In rutrum, tortor id varius porttitor, velit velit dictum turpis, vel sollicitudin erat nunc semper metus. Nulla quis justo vulputate, pulvinar lorem ut, tempus nisl. Curabitur feugiat, massa vitae cursus suscipit, dolor velit rhoncus turpis, nec placerat leo leo non dui. Aenean dictum dolor semper lacus porta, at viverra lorem sodales. Nullam nec urna cursus, finibus metus scelerisque, semper metus. Phasellus non justo purus. Nullam et molestie metus. Nulla vitae est vitae ex porttitor cursus eu vitae massa. Vestibulum luctus felis sed nunc vulputate dictum. Phasellus eu pellentesque tortor, quis laoreet nunc.
 

Geschachtelte Tabs, Ansicht: Registerkarten

Tab 1

Text dazu

 

Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor.

'n bisschen mehr Text dazu.

Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis libero non eros bibendum rutrum nec et libero. Fusce erat sem, ornare a imperdiet in, convallis quis risus. Morbi in elementum lorem. Donec venenatis aliquet diam, elementum efficitur arcu varius ac. Aenean blandit augue quam.

Etiam placerat; lorem at elementum volutpat, odio purus ultricies mauris, in dapibus leo odio ut justo. Curabitur posuere porta augue. Suspendisse gravida lacus turpis, in pretium diam luctus sodales. In pulvinar est id lorem iaculis, eget ultricies sem consequat. Ut fringilla leo sit amet enim tincidunt hendrerit.

Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor. Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.

Tab 3

Tab drei

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Geschachtelte Tabs, Ansicht: Buttons

Tab 1

Text dazu

 

Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor.

'n bisschen mehr Text dazu.

Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis libero non eros bibendum rutrum nec et libero. Fusce erat sem, ornare a imperdiet in, convallis quis risus. Morbi in elementum lorem. Donec venenatis aliquet diam, elementum efficitur arcu varius ac. Aenean blandit augue quam.

Etiam placerat; lorem at elementum volutpat, odio purus ultricies mauris, in dapibus leo odio ut justo. Curabitur posuere porta augue. Suspendisse gravida lacus turpis, in pretium diam luctus sodales. In pulvinar est id lorem iaculis, eget ultricies sem consequat. Ut fringilla leo sit amet enim tincidunt hendrerit.

Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor. Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.

Tab 3

Tab drei

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.