Button

Parameters

[divider_line]
[list style="list1"]

• id (id attribute) (optional)
• size: small,medium,large (optional)
• class (class attribute) (optional)
• color (optional)
• bgColor (optional)
• textColor (optional)
• align:center (optional)
• full (set full width):true,false (optional)
• link (link to follow when clicked) (optional)

[/list]

Samples

Buttons With Different Size

[divider_line]
[button size="small"]Small[/button] [button size="medium"]Medium[/button] [button size="large"]Large[/button]
[code]
[button size="small"]Small[/button]
[button size="medium"]Medium[/button]
[button size="large"]Large[/button]
[/code]

[divider_padding]

Buttons With Color Scheme

[divider_line]
[button size="medium" color="black"]Black[/button] [button size="medium" color="gray"]Gray[/button] [button size="medium" color="white"]White[/button] [button size="medium" color="blue"]Blue[/button] [button size="medium" color="green"]Green[/button] [button size="medium" color="red"]Red[/button]

[button size="medium" color="yellow"]Yellow[/button] [button size="medium" color="orange"]Orange[/button] [button size="medium" color="pink"]Pink[/button] [button size="medium" color="rosy"]Rosy[/button] [button size="medium" color="magenta"]Magenta[/button]

[code]
[button size="medium" color="black"]Black[/button]
[/code]

[divider_padding]

Buttons With Special Color

[divider_line]

[button size="medium" bgColor="#769600"]#769600[/button] [button size="medium" color="white" textColor="#769600"]#769600[/button]
[code]
[button bgColor="#769600"]#769600[/button]
[button color="white" textColor="#769600"]#769600[/button]
[/code]

[divider_padding]

Buttons With Roll Over Color

[divider_line]
[button size="large" bgColor="#004f78" hoverBgColor="#930097"]Roll Over Button[/button]
[code]
[button size="large" bgColor="#004f78" hoverBgColor="#930097"]Roll Over Button[/button]
[/code]

[divider_top]