Home


Buttons

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]

Be Sociable, Share!

Leave a Comment