CALL TO ACTION BUTTONS

Shortcode:

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="big-button yellow">This is a big yellow button</a>

Shortcode:

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="medium-button yellow">This is a medium yellow button</a>

Shortcode:

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="small-button yellow">This is a small yellow button</a>

CUSTOM BUTTONS

The shortcode for buttons:

The below examples have the style="1" to the shortcode:

The below examples have the style="2" to the shortcode:

Form with infield labels

First gallery

{gallery}gallery/first,width=150,height=115{/gallery}

Second gallery

{gallery}gallery/second,width=150,height=115{/gallery}

ACCORDIONS:

STYLE 1

STYLE 2

SHORTCODE DEMO (you can have style=1 or style=2):

[accordion style="1" width="600"]
    [acc_pane title="Fusce neque felis"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/acc_pane]
    [acc_pane title="Ligula eleifend posuere"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/acc_pane]
    [acc_pane title="Pretium dignissim elit nec feugiat"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/acc_pane]
[/accordion]
 

TOGGLE:

STYLE 1

STYLE 2

FAQ STYLE (style=faq)

SHORTCODE DEMO (you can have style=1 or style=2):

[toggle style="1" width="600"]
    [tgg_pane title="Fusce neque felis"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/tgg_pane]
    [tgg_pane title="Ligula eleifend posuere"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/tgg_pane]
    [tgg_pane title="Pretium dignissim elit nec feugiat"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/tgg_pane]
[/toggle]
 

Below i made a demonstration of each position. As you can see in most of the rows there are 6 positions per rows, which is more then enough when publishing modules. In total there are 69 modules positions!!!

View all module positions live by appending ?tp=1 or &tp=1 to the end of your URL such as http://yoursite.com/index.php?tp=1.

The biggest advantage of this framework, because of it's grid system, is that you can set-up your desired layout:

THE PERFECT CHOICE FOR FLEXIBILITY!!

Kartenbuchung Robert Betz
Einfach auf die E-Mail Adresse klicken, Buchungsformular öffnet: Klicke hier: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein! Welche Kategorie? Wieviele Karten? Ihr Name, Adresse ev. Zusatzinfo
Die Karten werden versandkostenfrei an ihre Adresse versendet. Rechnung ist auch dabei und wir bitten sie diese auf unser Konto einzuzahlen. Alle Karten sind PLATZKARTEN.

   
Robert Betz - Was gibt uns Halt und Sicherheit in einer unsicheren Zeit?
Stadtsaal Steyr 19:30
KAT1 39,40.-
KAT2 35,00.-

Kartenbuchung Alfred Dorfer
Einfach auf die E-Mail Adresse klicken, Buchungsformular öffnet: Klicke hier: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein! Welche Kategorie? Wieviele Karten? Ihr Name, Adresse ev. Zusatzinfo
Die Karten werden versandkostenfrei an ihre Adresse versendet. Rechnung ist auch dabei und wir bitten sie diese auf unser Konto einzuzahlen. Alle Karten sind PLATZKARTEN.

   
Alfred Dorfer - und...
Stadtsaal Steyr 19:30
KAT1 29,00.-
KAT2 25,00.-

Kartenbuchung Gregor Seberg
Einfach auf die E-Mail Adresse klicken, Buchungsformular öffnet: Klicke hier: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein! Welche Kategorie? Wieviele Karten? Ihr Name, Adresse ev. Zusatzinfo
Die Karten werden versandkostenfrei an ihre Adresse versendet. Rechnung ist auch dabei und wir bitten sie diese auf unser Konto einzuzahlen. Alle Karten sind PLATZKARTEN.

   
Gregor Seberg - Gregor Seberg's Schatzkiste
Veranstaltungssaal Garsten 20:00
KAT1 25,00.-
KAT2 22,00.-