Tabs, Accordions, Info Boxes

Tabs
[line]
[auto_thumb width=”300″ height=”100″ link=”” lightbox=”” align=”left” title=”” alt=”” iframe=””]http://rttheme13.templatemints.com/wp-content/uploads/2011/01/nivo3.jpg[/auto_thumb]Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula semper quis. Pellentesque sollicitudin condimentum nisl, in euismod augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a, iaculis ut nunc. Nulla facilisi. Aenean convallis nulla semper nisl vestibulum lobortis? Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam molestie aliquam porta. Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat. Sed leo ligula, vulputate at hendrerit id, lacinia at sapien. Aenean venenatis elementum interdum. Mauris non sed.
Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula semper quis. Pellentesque sollicitudin condimentum nisl, in euismod augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a, iaculis ut nunc. Nulla facilisi. Aenean convallis nulla semper nisl vestibulum lobortis? Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam molestie aliquam porta. Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat. Sed leo ligula, vulputate at hendrerit id, lacinia at sapien. Aenean venenatis elementum interdum. Mauris non sed.
Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula semper quis. Pellentesque sollicitudin condimentum nisl, in euismod augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a, iaculis ut nunc. Nulla facilisi. Aenean convallis nulla semper nisl vestibulum lobortis? Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam molestie aliquam porta. Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat. Sed leo ligula, vulputate at hendrerit id, lacinia at sapien. Aenean venenatis elementum interdum. Mauris non sed.
[show_shortcode]
Tab 1 Content
Tab 2 Content
Tab 3  Content
[/show_shortcode] [line toplink=”top”]
Full-Width Accordion
[line] [accordion] [pane title=”Accordion Pane 1″] Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula  semper quis. Pellentesque sollicitudin condimentum nisl, in euismod  augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a,  iaculis ut nunc.
[/pane] [pane title=”Accordion Pane 2″]Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat.[/pane] [pane title=”Accordion Pane 3″]Sed leo ligula, vulputate at hendrerit id, lacinia at sapien.  Aenean venenatis elementum interdum. Mauris non sed.[/pane] [/accordion] [show_shortcode] [accordion] [pane title=”Accordion Pane 1″] content
[/pane] [pane title=”Accordion Pane 2″] content
[/pane] [pane title=”Accordion Pane 3″] content
[/pane] [/accordion] [/show_shortcode] [line toplink=”top”]
Accordion Right Aligned
[line] [accordion  align=”right”] [pane title=”Accordion Pane 1″] Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula  semper quis. Pellentesque sollicitudin condimentum nisl, in euismod  augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a,  iaculis ut nunc.
[/pane] [pane title=”Accordion Pane 2″]Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat.[/pane] [pane title=”Accordion Pane 3″]Sed leo ligula, vulputate at hendrerit id, lacinia at sapien.  Aenean venenatis elementum interdum. Mauris non sed.[/pane] [/accordion] [show_shortcode] [accordion  align=”right”] [pane title=”Accordion Pane 1″] content
[/pane] [pane title=”Accordion Pane 2″] content
[/pane] [pane title=”Accordion Pane 3″] content
[/pane] [/accordion] [/show_shortcode] [line toplink=”top”]
Accordion Left Aligned
[line] [accordion  align=”left”] [pane title=”Accordion Pane 1″] Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula  semper quis. Pellentesque sollicitudin condimentum nisl, in euismod  augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a,  iaculis ut nunc.
[/pane] [pane title=”Accordion Pane 2″]Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat.[/pane] [pane title=”Accordion Pane 3″]Sed leo ligula, vulputate at hendrerit id, lacinia at sapien.  Aenean venenatis elementum interdum. Mauris non sed.[/pane] [/accordion] [show_shortcode] [accordion  align=”left”] [pane title=”Accordion Pane 1″] content
[/pane] [pane title=”Accordion Pane 2″] content
[/pane] [pane title=”Accordion Pane 3″] content
[/pane] [/accordion] [/show_shortcode] [line toplink=”top”]
Info Box
[line] [infobox title=”Info Box” ] Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat. Praesent pretium tristique est. Maecenas nunc lorem, blandit nec, accumsan nec, facilisis quis, pede
[/infobox] [show_shortcode] [infobox title=”Info Box” ] content
[/infobox] [/show_shortcode] [line toplink=”top”] [infobox title=”Small Info Box Left Aligned” align=”left”] Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat. Praesent pretium tristique est. Maecenas nunc lorem, blandit nec, accumsan nec, facilisis quis, pede
[/infobox] [show_shortcode] [infobox title=”Small Info Box Left Aligned”  align=”left” ] content
[/infobox] [/show_shortcode] [line toplink=”top”] [infobox title=”Small Info Box Right Aligned” align=”right”] Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat. Praesent pretium tristique est. Maecenas nunc lorem, blandit nec, accumsan nec, facilisis quis, pede
[/infobox] [show_shortcode] [infobox title=”Small Info Box Right Aligned”  align=”right” ] content
[/infobox] [/show_shortcode] [line toplink=”top”]
Content Frames
[line] [frame align=”left”] Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula semper quis. Pellentesque sollicitudin condimentum nisl, in euismod augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a, iaculis ut nunc.
[/frame]

You can have full width, left or right aligned content frames.

[show_shortcode] [frame align=”left”] Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula semper quis. Pellentesque sollicitudin condimentum nisl, in euismod augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a, iaculis ut nunc.
[/frame] [/show_shortcode]

Vestibulum eu lorem elit. Donec porta vulputate sem, sed interdum ligula semper quis. Pellentesque sollicitudin condimentum nisl, in euismod augue vestibulum feugiat. Quisque sem elit, faucibus at rutrum a, iaculis ut nunc. Nulla facilisi. Aenean convallis nulla semper nisl vestibulum lobortis? Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam molestie aliquam porta. Nunc justo enim, convallis sit amet placerat quis, suscipit vel erat. Sed leo ligula, vulputate at hendrerit id, lacinia at sapien. Aenean venenatis elementum interdum. Mauris non sed.

Share