Lists & Tables

All shortcodes are available in the Shortcode Generator

Lists & Tables
Đánh giá bài này

Vestibulum massa risus, aliquam sit amet dapibus sit amet, aliquet sed lectus. Morbi ultricies, nibh a placerat convallis, erat magna posuere nisi, sit amet iaculis dui velit at lorem. Maecenas augue elit, gravida vel dictum vitae, hendrerit at lorem.

1Lists

upper-alpha

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

lower-alpha

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

upper-roman

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

lower-roman

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

check

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

cross

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

arrow

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

plus

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

heart

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

pin

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

goldstar

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo

silverstar

  1. In malesuada quam
  2. Nullam at odio id
  3. Vestibulum ut arcu
  4. Nunc lobortis semper
    • Quisque ultrices lectus
    • Mauris mattis nibh id
  5. Etiam fermentum pulvinar
  6. Integer cursus aliquet
  7. Cras congue commodo
The Code:
[list type=""sampletype"]
<ol>
    <li>In malesuada quam</li>
    <li>Nullam at odio id</li>
    <li>Vestibulum ut arcu</li>
    <li>
        Nunc lobortis semper
        <ul>
            <li>Quisque ultrices lectus</li>
            <li>Mauris mattis nibh id</li>
        </ul>
    </li>
    <li>Etiam fermentum pulvinar</li>
    <li>Integer cursus aliquet</li>
    <li>Cras congue commodo</li>
</ol>
[/list]

2Tables

Mauris et sollicitudin lacus. Proin nec magna sapien, nec posuere orci. Pellentesque convallis, leo nec tempus lacinia, est erat lobortis risus, nec tempus nisl quam quis eros. Donec lacus tellus, vehicula a aliquet molestie, condimentum non nisl. Nullam non dui erat, eu congue lacus. Curabitur sit amet tortor ipsum, sit amet accumsan diam. Sed in porta lacus. Maecenas tincidunt leo id purus commodo in mollis est tempor. Cras quis augue eget nisi porttitor posuere.

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

Mauris et sollicitudin lacus. Proin nec magna sapien, nec posuere orci. Pellentesque convallis, leo nec tempus lacinia, est erat lobortis risus, nec tempus nisl quam quis eros. Donec lacus tellus, vehicula a aliquet molestie, condimentum non nisl. Nullam non dui erat, eu congue lacus. Curabitur sit amet tortor ipsum, sit amet accumsan diam. Sed in porta lacus. Maecenas tincidunt leo id purus commodo in mollis est tempor. Cras quis augue eget nisi porttitor posuere.

Code:
[table type="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 6</td>
            <td>Table footer 6</td>
            <td>Table footer 6</td>
            <td>Table footer 6</td>
            <td>Table footer 6</td>
            <td>Table footer 6</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>
    </tbody>
</table>
[/table]
Chia sẻ
Chia sẻ