Buttons

Button

[tabs]
[tab title= »Parameters » icon= »check » icon_color= »#3cabce »]

Parameters

[divider_line]
[list icon= »check » color= »blue »]

  • 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]
[/tab]
[tab title= »Shortcode Option Panel » icon= »check » icon_color= »#3cabce »]

Shortcode Option Panel

[divider_line]
[image source_type= »attachment_id » source_value= »3347″ caption= »Button Shortcode Options Panel » alt= »Button Shortcode Options Panel » align= »center » icon= »zoom » width= »594″ quality= »100″ autoHeight= »true » lightbox= »true » title= »Button Shortcode Options Panel »]
[/tab]
[/tabs]

Samples

Buttons With Different Size

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

[toggle title= »Get the code »]
[code]
[button size= »small »]Small[/button] [button size= »medium »]Medium[/button] [button size= »large »]Large[/button]
[/code]
[/toggle]

[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]

[toggle title= »Get the code »]
[code]
[button size= »medium » color= »black »]Black[/button]
[/code]
[/toggle]

[divider_padding]

Buttons With Special Color

[divider_line]

[button size= »medium » bgColor= »#769600″]#769600[/button] [button size= »medium » color= »white » textColor= »#769600″]#769600[/button]

[toggle title= »Get the code »]
[code]
[button bgColor= »#769600″]#769600[/button]
[button color= »white » textColor= »#769600″]#769600[/button]
[/code]
[/toggle]

[divider_padding]

Buttons With Roll Over Color

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

[toggle title= »Get the code »]
[code]
[button size= »large » bgColor= »#004f78″ hoverBgColor= »#930097″]Roll Over Button[/button]
[/code]
[/toggle]

[divider_top]

Leave a Response