{"id":8260,"date":"2014-04-15T19:41:22","date_gmt":"2014-04-15T19:41:22","guid":{"rendered":"http:\/\/cherry.premiumcoding.com\/?page_id=8260"},"modified":"2014-04-15T19:41:22","modified_gmt":"2014-04-15T19:41:22","slug":"shortcodes-buttons","status":"publish","type":"page","link":"https:\/\/demo.wordpress.co.ua\/mk\/shortcodes-buttons\/","title":{"rendered":"Shortcodes: Buttons"},"content":{"rendered":"

BUTTONS WITH ICONS<\/h3>\n

This is just a small fraction of the buttons. You set the color of background and border in the shortcode so variations are limitless. Icons are picked up from Font Awesome so you can choose from over 300 different icons.<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ text_color=”#fff” icon=”fa-link” ]Read more link Button[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#F1C40F” border_color=”#d2ad18″ text_color=”#fff” icon=”fa-cloud-download” ]Download Button[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#34495E” border_color=”#2C3E50″ text_color=”#fff” icon=”fa-cloud-upload” ]Upload Button[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#3498DB” border_color=”#2980B9″ text_color=”#fff” icon=”fa-shopping-cart” ]Shopping Button[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#2ECC71″ border_color=”#27AE60″ text_color=”#fff” icon=”fa-home” ]Home page Button[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#95A5A6″ border_color=”#7F8C8D” text_color=”#fff” icon=”fa-save” ]Save Settings[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#9B59B6″ border_color=”#8E44AD” text_color=”#fff” icon=”fa-print” ]Print this Document[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#FFD56C” border_color=”#eac058″ text_color=”#111″ icon=”fa-gear” ]Just an awesome Icon[\/button_icon]<\/p>\n

[break\/]<\/p>\n

[break\/]<\/p>\n

SPINNING BUTTONS WITH ICONS<\/h3>\n

Did you know you can make the icons spin? A simple animation will\u00a0add a spark of life into your buttons \ud83d\ude42<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ text_color=”#fff” icon=”fa-spinner fa-spin” ]SPINNING BUTTON[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#F1C40F” border_color=”#d2ad18″ text_color=”#fff” icon=”fa-refresh fa-spin” ]SPINNING BUTTON[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#34495E” border_color=”#2C3E50″ text_color=”#fff” icon=”fa-cog fa-spin” ]SPINNING BUTTON[\/button_icon]<\/p>\n

[button_icon link=”http:\/\/premiumcoding.com” background_color=”#3498DB” border_color=”#2980B9″ text_color=”#fff” icon=”fa-sun-o\u00a0fa-spin” ]SPINNING BUTTON[\/button_icon]<\/p>\n

[break\/]<\/p>\n

[break\/]<\/p>\n

SIMPLE ROUND BUTTONS<\/h3>\n

A set of simple rounded buttons with lower border. You can set any background color and any color of text.<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#F1C40F” border_color=”#d2ad18″ text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#34495E” border_color=”#2C3E50″ text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#3498DB” border_color=”#2980B9″ text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#2ECC71″ border_color=”#27AE60″ text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#95A5A6″ border_color=”#7F8C8D” text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#9B59B6″ border_color=”#8E44AD” text_color=”#fff” ]VIEW MORE[\/button_round]<\/p>\n

[button_round link=”http:\/\/premiumcoding.com” background_color=”#FFD56C” border_color=”#eac058″ text_color=”#111″ ]VIEW MORE[\/button_round]<\/p>\n

[break\/]<\/p>\n

[break\/]<\/p>\n

SOCIAL BUTTONS<\/h3>\n

A set of convenient social buttons.<\/p>\n

[button_social link=”https:\/\/twitter.com\/premiumcoding” background_color=”#32CCFE” border_color=”#18ACDC” text-color=”#fff” icon=”fa-twitter” ]Follow us on Twitter[\/button_social]<\/p>\n

[button_social link=”https:\/\/www.facebook.com\/PremiumCoding” background_color=”#4D68A2″ border_color=”#324D87″ text-color=”#fff” icon=”fa-facebook” ]Follow us on\u00a0Facebook[\/button_social]<\/p>\n

[button_social link=”https:\/\/plus.google.com\/+aleskrivecPMC\/posts” background_color=”#E63532″ border_color=”#D7201D” text-color=”#fff” icon=”fa-google-plus” ]Follow us on\u00a0Google+[\/button_social]<\/p>\n

[button_social link=”http:\/\/instagram.com\/gljivec” background_color=”#967D69″ border_color=”#7F6652″ text-color=”#fff” icon=”fa-instagram” ]Follow us on\u00a0Instagram[\/button_social]<\/p>\n

[button_social link=”http:\/\/www.pinterest.com\/gljivec\/” background_color=”#CC2127″ border_color=”#B4151B” text-color=”#fff” icon=”fa-pinterest” ]Follow us on\u00a0Pinterest[\/button_social]<\/p>\n

[button_social link=”http:\/\/dribbble.com\/gljivec” background_color=”#EA4C89″ border_color=”#D4306F” text-color=”#fff” icon=”fa-dribbble” ]Follow us on\u00a0Dribbble[\/button_social]<\/p>\n

[button_social link=”https:\/\/www.youtube.com\/channel\/UCNBgJOY5FG13tGLEIlax5Zw” background_color=”#E63532″ border_color=”#D7201D” text-color=”#fff” icon=”fa-youtube” ]Follow us on\u00a0Youtube[\/button_social]<\/p>\n

[button_social link=”http:\/\/premiumcoding.com” background_color=”#017EB4″ border_color=”#026c9a” text-color=”#fff” icon=”fa-linkedin” ]Follow us on\u00a0LinkedIn[\/button_social]<\/p>\n

[break\/]<\/p>\n

[break\/]<\/p>\n

DOUBLE\u00a0BUTTONS<\/h3>\n

A set of\u00a0a little different\u00a0buttons with double background.<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#C53D35″ background_color=”#DF5148″ text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#d2ad18″ background_color=”#F1C40F” text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#27AE60″ background_color=”#2ECC71″ text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#2980B9″ background_color=”#3498DB” text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#8E44AD” background_color=”#9B59B6″ text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#2C3E50″ background_color=”#34495E” text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#7F8C8D” background_color=”#95A5A6″ text_color=”#fff” ]Double simple button[\/button_simple_double]<\/p>\n

[button_simple_double link=”http:\/\/premiumcoding.com” background_color_double=”#ecbe4c” background_color=”#FFD56C” text_color=”#111″ ]Double simple button[\/button_simple_double]<\/p>\n

[break\/]<\/p>\n

[break\/]<\/p>\n

DOUBLE\u00a0BUTTONS ICONS ONLY<\/h3>\n

A set of\u00a0a little different\u00a0buttons with double background and icons only.<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#C53D35″ background_color=”#DF5148″ text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#d2ad18″ background_color=”#F1C40F” text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#27AE60″ background_color=”#2ECC71″ text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#2980B9″ background_color=”#3498DB” text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#8E44AD” background_color=”#9B59B6″ text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#2C3E50″ background_color=”#34495E” text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#7F8C8D” background_color=”#95A5A6″ text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#DF5148″ background_color=”#E14F4F” text_color=”#fff” icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[button_icon_double link=”http:\/\/premiumcoding.com” background_color_double=”#ecbe4c” background_color=”#FFD56C” text_color=”#111″ icon=”fa-picture-o” ][\/button_icon_double]<\/p>\n

[break\/]<\/p>\n

[break\/]<\/p>\n","protected":false},"excerpt":{"rendered":"

BUTTONS WITH ICONS This is just a small fraction of the buttons. You set the color of background and border<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-8260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/pages\/8260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/comments?post=8260"}],"version-history":[{"count":0,"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/pages\/8260\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.wordpress.co.ua\/mk\/wp-json\/wp\/v2\/media?parent=8260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}