Sie sind hier: Inhaltselemente / Inhalt in Tabs

Dynamische Tabs

Tabtitel

Tab 1

Suspendisse arcu nibh, molestie in, adipiscing in, dictum sed, neque. Suspendisse consectetuer, leo pulvinar rhoncus convallis, urna dui porttitor erat, quis volutpat mauris dolor id sapien. Suspendisse dolor lacus, congue at, aliquam et, rhoncus quis, nulla. Suspendisse felis ipsum, fringilla sed, vehicula vitae, iaculis non, magna. Suspendisse magna urna, semper eget, pharetra a, venenatis vitae, nisl.

können

Tab 2

Maecenas lacus sem, ultricies in, fermentum eu, consequat id, magna. Maecenas luctus, tortor vitae elementum porttitor, magna diam ornare leo, et lobortis pede massa ut quam. Maecenas mollis, libero at porta dictum, tellus est dignissim libero, eu lacinia nisl libero ac dui. Maecenas nibh est, condimentum quis, porttitor ut, varius quis, eros. Maecenas nonummy, nibh in consequat suscipit, augue erat mollis tellus, eget volutpat lectus mi at quam.

frei

Zwei Beispiel-Tabellen

Übersicht Fremdenverkehr
München Hamburg Berlin Bangkok
Zeile 1 Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque. Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque. Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque.
Zeile 2 Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque. Aenean nibh nisl. Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque.
Zeile 3 Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque. Aenean nibh nisl, iaculis id, dapibus eget, sollicitudin ac, neque. Neque

definiert

Im HTML-Quelltext der Seite steht folgendes:

<h3 class="G" style="background:url(typo3temp/GB/ed591d8ce7.png) no-repeat;">Grafische Überschrift</h3>

Der zugehörige CSS-Code sieht so aus (Auszug aus der content.css):

h3.G {border:0; height:30px; text-indent: -999em;}

Sie benötigen lediglich einen Truetype-Font, den Sie im Ordner fileadmin/fonts/ speichern. Die Grafik wird vom gifbuilder erzeugt.

werden

Classes paragraph

Sed ullamcorper, turpis a vestibulum convallis, orci odio dapibus wisi, ut mollis quam orci et lectus. Sed volutpat, dolor gravida placerat porttitor, ipsum odio dapibus nibh, ut adipiscing velit nunc vel neque. Suspendisse aliquam, est nec facilisis feugiat, lorem ipsum scelerisque nibh, vitae fermentum dolor lectus vel est. Suspendisse aliquet, eros vel molestie tempus, dolor lorem cursus augue, nec pharetra elit ante id nulla. Suspendisse ante felis, consequat in, lacinia sit amet, tempor sed, felis.

Vestibulum tortor nulla, tempor aliquam, ullamcorper non, sodales in, lacus. Vestibulum ullamcorper, risus sit amet scelerisque ultrices, lorem eros sodales erat, sit amet facilisis libero sapien non velit. Vestibulum urna dui, ultricies nec, interdum imperdiet, eleifend sit amet, libero. Vivamus bibendum, ligula consequat viverra molestie, eros ante bibendum felis, vel vulputate metus ante non wisi. Vivamus dictum, nibh quis congue tincidunt, quam pede venenatis velit, quis auctor turpis massa a lorem.

Phasellus dui massa, pretium nonummy, pellentesque ut, aliquam in, pede. Phasellus eleifend, sapien vitae tempus congue, massa ante dictum odio, at iaculis nisl sem id massa. Phasellus elit mauris, malesuada ut, venenatis at, auctor id, eros. Phasellus erat eros, fringilla ac, mattis sed, iaculis vel, nunc. Phasellus felis est, elementum porttitor, semper vel, cursus ut, tortor.

rgtabs

Die TYPO3 Erweiterung rgtabs von Georg Ringer erlaubt es, beliebige Inhaltselemente in Tabs darzustellen. Die Erweiterung wurde ohne grosse Änderungen eingebaut. Ich habe lediglich den CSS-Code angepasst, damit die Tabs sich in der Grösse verändern lassen und die (angepassten) Grafiken der Sliding Doors Navigation verwendet werden.