Buttons

Parameters

[divider_line]
[list style=”arrow5 doubles” color=”black”]

• id: (id attribute) (optional)
• class:(class attribute) (optional)
• size: small,medium,large (optional)
• color (optional – Available Colors see below)
• bgcolor (optional)
• textcolor (optional)
• hoverbgcolor (optional)
• hovertextcolor (optional)
• align: center (optional)
• full: (set full width):true,false (optional)
• width: (optional)
• link (link to follow when clicked) (optional)
• linktarget: _blank,_self,_parent,_top (optional)

[/list]

[divider_space]

Samples Buttons With Different Size

[button color=”orange” size=”small” style=”false”]Small[/button] [button color=”orange” size=”medium” style=”false”]Medium[/button] [button color=”orange” size=”large” style=”false”]Large[/button]

[ color="orange" size="small" style="false"]Small[/button]
[button color="orange" size="medium" style="false"]Medium[/button]
[button color="orange" size="large" style="false"]Large[/button]


[divider_top]

Button With Color Variation

[button size=”medium” color=”black”]Black[/button] [button size=”medium” color=”brown”]Brown[/button] [button size=”medium” color=”gray”]Gray[/button] [button size=”medium” color=”cyan”]Cyan[/button] [button size=”medium” color=”orange”]Orange[/button] [button size=”medium” color=”red”]Red[/button] [button size=”medium” color=”magenta”]magenta[/button]

[button size=”medium” color=”yellow”]Yellow[/button] [button size=”medium” color=”blue”]Blue[/button] [button size=”medium” color=”pink”]Pink[/button] [button size=”medium” color=”green”]Green[/button] [button size=”medium” color=”white”]White[/button]
// Size - Three type of size as mention above
// color - Different type colors as mention above
[button size="medium" color="black"]
Button Text
[/button]

[divider_top]

Buttons With Special Colors

[button color=”orange” bgcolor=”#ff0000″ hoverbgcolor=”#ff00ff” size=”medium” style=”false”]#000000[/button] [button color=”white” textColor=”#000000″]#000000[/button]
// bgColor - To change the button background color
// color - Different type colors as mention above
// text - To change the button text color
[button bgColor="#5FACA7"]#5FACA7[/button]
[button color="white" textColor="#5FACA7"]#5FACA7[/button]

[divider_top]