[teaser]Most themes give you buttons. But we take it a bit further. First, our buttons have many standard color configurations to choose from. Second, you’re not limited to those colors! In most themes the buttons are designed with images, we use pure CSS for style and colors. This means that while you can pick from our predefined colors, you can also choose any custom hex color you need and the borders, rollover colors, etc are all automatically calculated by the theme using that color and some advanced algorithms. We also give you 3 button sizes and 2 button types to choose from. And we also give you the button_group shortcode so that you can define groups of buttons to easily sit next to each other rather than stack! But we don’t stop there! We also give you custom image shortcodes where you can define button size, an image, and a rollover image to have completely custom buttons only limited by your imagination.[/teaser] [line] [button_group] [small_button url=”#” color=”teal”]BUTTON TEXT[/small_button] [small_button url=”#” color=”red”]BUTTON TEXT[/small_button] [small_button url=”#” color=”green”]BUTTON TEXT[/small_button] [small_button url=”#” color=”dark”]BUTTON TEXT[/small_button] [/button_group] [button_group] [small_gradient_button url=”#” color=”teal”]Button Text[/small_gradient_button] [small_gradient_button url=”#” color=”red”]Button Text[/small_gradient_button] [small_gradient_button url=”#” color=”green”]Button Text[/small_gradient_button] [small_gradient_button url=”#” color=”dark”]Button Text[/small_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][button_group][/code_line] [code_line][small_button url=”#” color=”teal”]BUTTON TEXT[/small_button][/code_line] [code_line][small_button url=”#” color=”red”]BUTTON TEXT[/small_button][/code_line] [code_line][small_button url=”#” color=”green”]BUTTON TEXT[/small_button][/code_line] [code_line][small_button url=”#” color=”dark”]BUTTON TEXT[/small_button][/code_line] [code_line][/button_group][/code_line] [blank_code_line] [code_line][button_group][/code_line] [code_line][small_gradient_button url=”#” color=”teal”]Button Text[/small_gradient_button][/code_line] [code_line][small_gradient_button url=”#” color=”red”]Button Text[/small_gradient_button][/code_line] [code_line][small_gradient_button url=”#” color=”green”]Button Text[/small_gradient_button][/code_line] [code_line][small_gradient_button url=”#” color=”dark”]Button Text[/small_gradient_button][/code_line] [code_line][/button_group][/code_line] [/code_table] [/toggle_box] [line] [h4]Medium Buttons:[/h4] [button_group] [medium_button url=”#” color=”teal”]BUTTON TEXT[/medium_button] [medium_button url=”#” color=”red”]BUTTON TEXT[/medium_button] [medium_button url=”#” color=”green”]BUTTON TEXT[/medium_button] [medium_button url=”#” color=”dark”]BUTTON TEXT[/medium_button] [/button_group] [button_group] [medium_gradient_button url=”#” color=”teal”]Button Text[/medium_gradient_button] [medium_gradient_button url=”#” color=”red”]Button Text[/medium_gradient_button] [medium_gradient_button url=”#” color=”green”]Button Text[/medium_gradient_button] [medium_gradient_button url=”#” color=”dark”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][button_group][/code_line] [code_line][medium_button url=”#” color=”teal”]BUTTON TEXT[/medium_button][/code_line] [code_line][medium_button url=”#” color=”red”]BUTTON TEXT[/medium_button][/code_line] [code_line][medium_button url=”#” color=”green”]BUTTON TEXT[/medium_button][/code_line] [code_line][medium_button url=”#” color=”dark”]BUTTON TEXT[/medium_button][/code_line] [code_line][/button_group][/code_line] [blank_code_line] [code_line][button_group][/code_line] [code_line][medium_gradient_button url=”#” color=”teal”]Button Text[/medium_gradient_button][/code_line] [code_line][medium_gradient_button url=”#” color=”red”]Button Text[/medium_gradient_button][/code_line] [code_line][medium_gradient_button url=”#” color=”green”]Button Text[/medium_gradient_button][/code_line] [code_line][medium_gradient_button url=”#” color=”dark”]Button Text[/medium_gradient_button][/code_line] [code_line][/button_group][/code_line] [/code_table] [/toggle_box] [line] [h4]Large Buttons:[/h4] [button_group] [large_button url=”#” color=”teal”]BUTTON TEXT[/large_button] [large_button url=”#” color=”red”]BUTTON TEXT[/large_button] [large_button url=”#” color=”green”]BUTTON TEXT[/large_button] [large_button url=”#” color=”dark”]BUTTON TEXT[/large_button] [/button_group] [button_group] [large_gradient_button url=”#” color=”teal”]Button Text[/large_gradient_button] [large_gradient_button url=”#” color=”red”]Button Text[/large_gradient_button] [large_gradient_button url=”#” color=”green”]Button Text[/large_gradient_button] [large_gradient_button url=”#” color=”dark”]Button Text[/large_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][button_group][/code_line] [code_line][large_button url=”#” color=”teal”]BUTTON TEXT[/large_button][/code_line] [code_line][large_button url=”#” color=”red”]BUTTON TEXT[/large_button][/code_line] [code_line][large_button url=”#” color=”green”]BUTTON TEXT[/large_button][/code_line] [code_line][large_button url=”#” color=”dark”]BUTTON TEXT[/large_button][/code_line] [code_line][/button_group][/code_line] [blank_code_line] [code_line][button_group][/code_line] [code_line][large_gradient_button url=”#” color=”teal”]Button Text[/large_gradient_button][/code_line] [code_line][large_gradient_button url=”#” color=”red”]Button Text[/large_gradient_button][/code_line] [code_line][large_gradient_button url=”#” color=”green”]Button Text[/large_gradient_button][/code_line] [code_line][large_gradient_button url=”#” color=”dark”]Button Text[/large_gradient_button][/code_line] [code_line][/button_group][/code_line] [/code_table] [/toggle_box] [line] [h4]Predefined Button Colors:[/h4] [button_group] [medium_button url=”#” color=”red”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”red”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”red”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”red”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”maroon”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”maroon”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”maroon”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”maroon”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”orange”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”orange”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”orange”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”orange”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”yellow”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”yellow”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”yellow”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”yellow”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”green”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”green”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”green”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”green”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”olive”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”olive”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”olive”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”olive”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”teal”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”teal”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”teal”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”teal”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”blue”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”blue”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”blue”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”blue”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”navy”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”navy”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”navy”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”navy”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”purple”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”purple”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”purple”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”purple”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”stone”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”stone”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”stone”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”stone”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”cream”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”cream”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”cream”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”cream”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”grey”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”grey”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”grey”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”grey”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [button_group] [medium_button url=”#” color=”dark”]BUTTON TEXT[/medium_button] [medium_gradient_button url=”#” color=”dark”]Button Text[/medium_gradient_button] [/button_group] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][medium_button url=”#” color=”dark”]BUTTON TEXT[/medium_button][/code_line] [blank_code_line] [code_line][medium_gradient_button url=”#” color=”dark”]Button Text[/medium_gradient_button][/code_line] [/code_table] [/toggle_box] [line] [h4]Custom Buttons:[/h4] [custom_button width=”182″ height=”42″ image=”{THEME_ROOT}/images/preview/custom-btn.png” hover=”{THEME_ROOT}/images/preview/custom-btn-hover.png” url=”#” alt=”custom button”] [toggle_box title=”See The Shortcodes”] [code_table] [code_line][custom_button width=”182″ height=”42″ image=”custom-btn.png” hover=”custom-btn-hover.png” url=”#” alt=”custom button”][/code_line] [/code_table] [/toggle_box]

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Leave a Reply

Your email address will not be published. Required fields are marked *