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]

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.