JQuery Tabs

Desktop Font + Vectors

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

70 New Icons in v2.0

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

IE7 Support

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

 

One font, 220 icons

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

Free for commercial use

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

Screen reader compatible

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

 

Spalte 1 von 2

Atet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed.

Spalte 2 von 2

Atet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed.

 

Spalte 1 von 3

Atet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed.

Spalte 1 von 3

Atet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed.

Spalte 3 von 3

Atet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed.

 
 

Content for Tab 1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

Content for Tab 2 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

Content for Tab 3 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...

Content for Tab 2 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...more...

Content for Tab 3 Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut more...consetetur sadipscing elitr, sed diam nonumy.

Content for Tab 3 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

 




  • Wie wird ein Tab-Feld erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
                
                
    

    <div class="clearfix">&nbsp;</div>

    <div class="tab">
    <ul>
    <li><a href="#tabs-1">Muster 1</a></li>
    <li><a href="#tabs-2">Muster 2</a></li>
    <li><a href="#tabs-3">Muster 3</a></li>
    </ul>
    <div id="tabs-1">
    <p>Hier kommt Ihr Text</p>
    </div>
    <div id="tabs-2">
    <p>Hier kommt Ihr Text</p>
    </div>
    <div id="tabs-3">
    <p>Hier kommt Ihr Text</p>
    </div>
    </div><!-- end tabs -->

  • Tabs in Columns, wie geht das ?

    +

    WICHTIG: Wenn Sie eine Tab-Feld in eine Column setzen möchten, erstellen Sie erst eine Column.

                           
    

    <div class="column-1v2">

    Hier kommt das Tab-Feld rein...

    </div><!-- ende column-1v2 -->

 

Footerinfo

Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis.