{"id":128,"date":"2011-02-25T19:40:04","date_gmt":"2011-02-25T19:40:04","guid":{"rendered":"http:\/\/demo.aivahthemes.com\/hostme\/?page_id=128"},"modified":"2011-06-06T11:26:59","modified_gmt":"2011-06-06T11:26:59","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/hostme\/shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<h1>Buttons<\/h1>\n<h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n\n<ul class=\"list-check pink\">\n<li><strong>size:<\/strong> small,medium,large (optional)<\/li>\n<li><strong>color<\/strong> (optional &#8211; Available Colors see below)<\/li>\n<li><strong>bgcolor<\/strong> (optional)<\/li>\n<li><strong>textcolor<\/strong> (optional)<\/li>\n<li><strong>hoverbgcolor<\/strong> (optional)<\/li>\n<li><strong>hovertextcolor<\/strong> (optional)<\/li>\n<li><strong>align:<\/strong> center (optional)<\/li>\n<li><strong>link<\/strong> (link to follow when clicked) (optional)<\/li>\n<li><strong>linktarget:<\/strong> _blank,_self,_parent,_top  (optional)<\/li>\n<\/ul>\n\n<div class=\"divider_line\"><\/div>\n<h3>Samples Buttons With Different Size<\/h3>\n<a     class=\" button small \"><span >Small<\/span><\/a> <a     class=\" button medium \"><span >Medium<\/span><\/a> <a     class=\" button large \"><span >Large<\/span><\/a>\n<code>&#091;button size=\"small\"]Small&#091;\/button]<br \/>\n&#091;button size=\"medium\"]Medium&#091;\/button]<br \/>\n&#091;button size=\"large\"]Large&#091;\/button]<br \/>\n<\/code><br \/>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Button  With Color Variation<\/h3>\n<a     class=\" button medium  black\"><span >Black<\/span><\/a> <a     class=\" button medium  brown\"><span >Brown<\/span><\/a> <a     class=\" button medium  gray\"><span >Gray<\/span><\/a> <a     class=\" button medium  cyan\"><span >Cyan<\/span><\/a> <a     class=\" button medium  orange\"><span >Orange<\/span><\/a> <a     class=\" button medium  red\"><span >Red<\/span><\/a> <a     class=\" button medium  magenta\"><span >magenta<\/span><\/a>\n<a     class=\" button medium  yellow\"><span >Yellow<\/span><\/a> <a     class=\" button medium  blue\"><span >Blue<\/span><\/a> <a     class=\" button medium  pink\"><span >Pink<\/span><\/a> <a     class=\" button medium  green\"><span >Green<\/span><\/a> <a     class=\" button medium  white\"><span >White<\/span><\/a>\n<code>\/\/ Size -  Three type of size as mention above<br \/>\n\/\/ color - Different type colors as mention above<br \/>\n&#091;button size=\"medium\" color=\"black\"]<br \/>\nButton Text<br \/>\n&#091;\/button]<br \/>\n<\/code><br \/>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Buttons With Roll Over Colors<\/h3>\n<a    style=\"background-color:#000000\"  btn-bg=\"#000000\" btn-hoverBg=\"#A0C62B\" class=\" button large \"><span >Roll Over Button<\/span><\/a>\n<p><code>&#091button size=\"large\" bgColor=\"#000000\" hoverBgColor=\"#A0C62B\"]<br \/>\nRoll Over Button<br \/>\n&#091\/button]<\/code><br \/>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Buttons With Special Colors<\/h3>\n<a    style=\"background-color:#ff0000\"  btn-bg=\"#ff0000\" btn-hoverBg=\"#ff00ff\" class=\" button medium \"><span >#000000<\/span><\/a> <a     class=\" button medium  white\"><span  style=\"color:#000000\">#000000<\/span><\/a>\n<code>\/\/ bgColor -  To change the button background color<br \/>\n\/\/ color - Different type colors as mention above<br \/>\n\/\/ text - To change the button text color<br \/>\n&#091;button bgColor=\"#5FACA7\"]#5FACA7&#091;\/button]<br \/>\n&#091;button color=\"white\" textColor=\"#5FACA7\"]#5FACA7&#091;\/button]<br \/>\n<\/code><br \/>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Buttons Parameters Samples Buttons With Different Size &#091;button size=&#8221;small&#8221;]Small&#091;\/button] &#091;button size=&#8221;medium&#8221;]Medium&#091;\/button] &#091;button size=&#8221;large&#8221;]Large&#091;\/button] Button With Color Variation \/\/ Size &#8211; Three type of size as mention above \/\/ color &#8211; Different type colors as mention above &#091;button size=&#8221;medium&#8221; color=&#8221;black&#8221;] Button Text &#091;\/button] Buttons With Roll Over Colors &#038;#091button size=&#8221;large&#8221; bgColor=&#8221;#000000&#8243; hoverBgColor=&#8221;#A0C62B&#8221;] Roll Over Button &#038;#091\/button] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":126,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":3,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/128\/revisions\/709"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/126"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}