Tabel Shortcodes

Table – Simple Style

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
Verkrijg de 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 – Solid Style

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
Verkrijg de 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
Verkrijg de 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]

Shortcode documentatie

  • ID kaart
    Het id-kenmerk specificeert een id voor een HTML-element.
    Het moet uniek zijn binnen het HTML-document.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • klasse
    Het class attribuut specificeert een class naam voor een HTML element.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • style
    Beschikbare opties:
    • simple
    • solid