Tabelle Short

Table – Einfacher Stil

Here goes some table caption
Header 1 Header 2 Header 3 Header 4 Header 5 Header 6
Table footer Table footer Table footer Table footer Table footer Table footer
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Hier den Code

[table style="simple"]

<table> <caption>Here goes some table caption</caption> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> <th>Header 5</th> <th>Header 6</th> </tr> </thead> <tfoot> <tr> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> </tr> </tfoot> <tbody> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> </tbody> </table>

[/table]

Table – Solider Stil

Column 1 Column 2 Column 3 Column 4
All Items Item Info Total Price $99
Item #1 Item Data Item Price $10
Item #2 Item Data Item Price $50
Item #3 Item Data Item Price $19
Item #4 Item Data Item Price $20
Hier den Code

[table style="solid"]

<table> <thead> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> </tr> </thead> <tfoot> <tr> <td><strong>All Items</strong></td> <td><strong>Item Info</strong></td> <td><strong>Total Price</strong></td> <td><strong>$99</strong></td> </tr> </tfoot> <tbody> <tr> <td>Item #1</td> <td>Item Data</td> <td>Item Price</td> <td>$10</td> </tr> <tr> <td>Item #2</td> <td>Item Data</td> <td>Item Price</td> <td>$50</td> </tr> <tr> <td>Item #3</td> <td>Item Data</td> <td>Item Price</td> <td>$19</td> </tr> <tr> <td>Item #4</td> <td>Item Data</td> <td>Item Price</td> <td>$20</td> </tr> </tbody> </table>

[/table]

Pricing Boxes

  • Starter

    Vivamus Adispicing

    • Curabitur euismod
    • Tincidunt lacinia sit
    • Morbi adipis vivamus

    $1999/mo

    Sign Up

  • Advanced

    Vivamus Adispicing

    • Curabitur euismod
    • Tincidunt lacinia sit adispicing
    • Morbi adipis vivamus

    $2999/mo

    Sign Up
Hier den Code

[one_half]

[box icon="star-half-empty"]

<h2 style="text-align: center;">Starter</h2> <h4 style="text-align: center;">Vivamus Adispicing</h4>

[divider]

[list type="empty" style="simple"]

<ul> <li>Curabitur euismod</li> <li>Tincidunt lacinia sit</li> <li>Morbi adipis vivamus</li> </ul>

[/list]

[divider]

<h1 style="text-align: center;">$19<sup>99</sup><sub>/mo</sub></h1>

[divider]

[button link="/" size="medium" type="wide" bg_color="#cccccc" text_color="#666666"]Sign Up[/button]

[/box]

[/one_half]

[one_half_last]

[box icon="star"]

<h2 style="text-align: center;">Advanced</h2> <h4 style="text-align: center;">Vivamus Adispicing</h4>

[divider]

[list type="empty" style="simple"]

<ul> <li>Curabitur euismod</li> <li>Tincidunt lacinia sit adispicing</li> <li>Morbi adipis vivamus</li> </ul>

[/list]

[divider]

<h1 style="text-align: center;">$29<sup>99</sup><sub>/mo</sub></h1>

[divider]

[button link="/" size="medium" type="wide"]Sign Up[/button]

[/box]

[/one_half_last]

Short Dokumentation

  • Ich würde
    Das id-Attribut gibt eine ID für ein HTML-Element.
    Es muss innerhalb des HTML-Dokuments eindeutig sein.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • Klasse
    Die Klasse Attribut gibt einen Klassennamen für ein HTML-Element.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • Stil
    Verfügbare Optionen:
    • einfach
    • solide