{"id":10013,"date":"2014-06-18T16:37:45","date_gmt":"2014-06-18T16:37:45","guid":{"rendered":"http:\/\/avada.theme-fusion.comxml\/?page_id=10013"},"modified":"2014-06-18T16:37:45","modified_gmt":"2014-06-18T16:37:45","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.ilinux.com.tw\/index.php\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"

Button Shortcode<\/h1>\n

Avada includes some pretty amazing button options. Buttons are an integral part of your site, and we’ve made sure you have the options you need to add beautiful buttons to any page. Choose from 4 sizes, 3 shapes, flat or 3D style, unlimited colors, border widths, icons, dividers and animations as well as buttons that open modal popups.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
Combine Anything<\/span><\/a><\/div>
<\/div><\/div><\/div>
<\/i>Modal Click Here<\/span><\/a><\/div>
<\/div><\/div><\/div>
Combine Anything<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

Unlimited Colors<\/strong><\/span><\/p>\n

Control all colors such as backgrounds, hover backgrounds, accents (border, text, icon, divider), hover accents & 3D bevel.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
<\/div>
<\/div>
<\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
<\/div>
<\/div>
<\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
Color<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

4 Button Sizes<\/strong><\/span><\/p>\n

Avada buttons come in 4 different sizes so you always have the perfect size button for each situation. Choose small, medium, large or xlarge.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
Small Button<\/span><\/a><\/div>
<\/div><\/div><\/div>
Medium Button<\/span><\/a><\/div>
<\/div><\/div><\/div>
Large Button<\/span><\/a><\/div>
<\/div><\/div><\/div>
XLarge Button<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

2 Button Types<\/strong><\/span><\/p>\n

Choose a super sleek Flat style button, or an eye popping 3D button.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
Super Sleek Flat Button<\/span><\/a><\/div>
<\/div><\/div><\/div>
Eye-Popping 3D Button<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

3 Button Shapes<\/strong><\/span><\/p>\n

Avada buttons come in 3 different shapes; square, round and pill.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
Square Shape<\/span><\/a><\/div>
<\/div><\/div><\/div>
Pill Shape<\/span><\/a><\/div>
<\/div><\/div><\/div>
Round Shape<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

Full Border Control<\/strong><\/span><\/p>\n

Avada allows you to control the border width and border color easily.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
0PX Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
1PX Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
2px Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
3px Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
4px Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
5px Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
6px Border<\/span><\/a><\/div>
<\/div><\/div><\/div>
7px Border<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

Button Icons<\/strong><\/span><\/p>\n

Avada integrates the full font awesome icon with buttons. Choose icon location, color and use with or without a divider.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i>Icon Position Left<\/span><\/a><\/div>
<\/div><\/div><\/div>
<\/i><\/span>Icon With Divider<\/span><\/a><\/div>
<\/div><\/div><\/div>
<\/i>Icon Without Divider<\/span><\/a><\/div>
<\/div><\/div><\/div>
Icon Position Right<\/span><\/i><\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

Button Animations<\/strong><\/span><\/p>\n

Animate the buttons with smotth CSS3 animations. 5 animations types, 4 directions, speed control<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
Bounce<\/span><\/a><\/div>
<\/div><\/div><\/div>
Shake<\/span><\/a><\/div>
<\/div><\/div><\/div>
Fade<\/span><\/a><\/div>
<\/div><\/div><\/div>
Slide<\/span><\/a><\/div>
<\/div><\/div><\/div>
Flash<\/span><\/a><\/div>
<\/div><\/div><\/div><\/div><\/div>

Complete Set of Options<\/strong><\/span><\/p>\n

Every option and description included with the button shortcode is listed below.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>