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]