DOP Shortcodes

Screenshots

View demo here. This is a collections of shortcodes we use in our themes. We always accept feedback and constructive criticism so if you have something to say please use the support forum. Shortcodes List Accordions Containers Grids Images Lists Progress Bars Separators Social Icons Tabs Tables Toggles Shortcodes Examples Please view documentation for more details. Accordion [dopaccordions] [dopaccordion title="Title 1"]text[/dopaccordion] [dopaccordion title="Title 2"]text[/dopaccordion] [dopaccordion title="Title 3"]text[/dopaccordion] [/dopaccordions] Container [dopcontainer]text[/dopcontainer] Grid [dopgridrow] [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid] [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid] [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid] [/dopgridrow] Image [dopimg align=left height=200 width=100%]<img src="image path" alt="" />[/dopimg] List [doplist] <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> [/doplist] Progress Bar [dopprogressbar progress=70]70%[/dopprogressbar] Separator [dopseparator] Social Icon [dopsocialicon network=facebook]Facebook[/dopsocialicon] Tabs [doptabs] [doptab title="Tab 1"]text[/doptab] [doptab title="Tab 2"]text[/doptab] [doptab title="Tab 3"]text[/doptab] [/doptabs] Table [doptable] <thead> <tr> <th>One</th> <th>Two</th> <th>Three</th> <th>Four</th> </tr> </thead> <tbody> <tr class="odd"> <td>Etiam nec</td> <td>aliquam</td> <td>erat</td> <td>nulla sodales dui aenean eu mollis lorem</td> </tr> <tr> <td>Etiam nec</td> <td>aliquam</td> <td>erat</td> <td>nulla sodales dui aenean eu mollis lorem</td> </tr> <tr class="odd"> <td>Etiam nec</td> <td>aliquam</td> <td>erat</td> <td>nulla sodales dui aenean eu mollis lorem</td> </tr> <tr> <td>Etiam nec</td> <td>aliquam</td> <td>erat</td> <td>nulla sodales dui aenean eu mollis lorem</td> </tr> <tr class="odd"> <td>Etiam nec</td> <td>aliquam</td> <td>erat</td> <td>nulla sodales dui aenean eu mollis lorem</td> </tr> </tbody> [/doptable] Toggle [doptoggle title="Toggle"]text[/doptoggle]