Buttons

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]