{"id":2139,"date":"2015-11-08T23:05:56","date_gmt":"2015-11-08T22:05:56","guid":{"rendered":"http:\/\/agora.xtec.cat\/nodes\/?page_id=2139"},"modified":"2020-07-01T10:53:22","modified_gmt":"2020-07-01T08:53:22","slug":"botons","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/nodes\/llibre-destil\/botons\/","title":{"rendered":"Botons"},"content":{"rendered":"<p>Eviteu botons que trenquin amb el estil de Nodes. Nodes <strong>no utilitza degradats<\/strong>, <strong>ni ombres ni botons ovalats<\/strong>. Utilitzeu colors del tema que heu triat.<\/p>\n<p><a href=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/botoblau.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2140 aligncenter\" src=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/botoblau.jpg\" alt=\"botoblau\" width=\"248\" height=\"507\" srcset=\"https:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/botoblau.jpg 353w, https:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/botoblau-147x300.jpg 147w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><\/a><\/p>\n<p>En el primer\u00a0exemple podeu veure un bot\u00f3 que no harmonitza amb la resta del disseny: \u00e9s d&#8217;un color molt diferent dels colors del tema (verd clar, verd fosc, blanc, gris), hi ha un degradat i les vores del bot\u00f3 s\u00f3n rodones.<\/p>\n<p><a href=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/degra2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2158 aligncenter\" src=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/degra2.jpg\" alt=\"degra2\" width=\"246\" height=\"524\" srcset=\"https:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/degra2.jpg 351w, https:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/degra2-141x300.jpg 141w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/a><br \/>\nEl segon exemple est\u00e0 una mica millor. Els colors s\u00f3n els del tema per\u00f2 el degradat trenca molt amb l&#8217;estil de Nodes. Recomanem fer simples enlla\u00e7os o botons creats amb la <a href=\"https:\/\/jmeler.github.io\/nodes-tools\/simple-button.html\">caixa d&#8217;eines<\/a> de Nodes.<\/p>\n<p><a href=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/menunet.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2183 aligncenter\" src=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/menunet.jpg\" alt=\"menunet\" width=\"262\" height=\"492\" srcset=\"https:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/menunet.jpg 351w, https:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/menunet-160x300.jpg 160w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eviteu botons que trenquin amb el estil de Nodes. Nodes no utilitza degradats, ni ombres ni botons ovalats. Utilitzeu colors del tema que heu triat.<br \/>\n<a href=\"http:\/\/agora.xtec.cat\/nodes\/wp-content\/uploads\/usu135\/2015\/11\/botoblau.jpg\"><\/a><br \/>\nEn el primer\u00a0exemple podeu veure un bot\u00f3 que no harmonitza amb la resta del disseny: \u00e9s d&#8217;un color molt diferent&hellip;  <a href=\"https:\/\/agora.xtec.cat\/nodes\/llibre-destil\/botons\/\" title=\"Read Botons\">Llegeix m\u00e9s\u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2055,"menu_order":50,"comment_status":"closed","ping_status":"closed","template":"page-templates\/side-menu.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-2139","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/pages\/2139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/comments?post=2139"}],"version-history":[{"count":3,"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/pages\/2139\/revisions"}],"predecessor-version":[{"id":11006,"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/pages\/2139\/revisions\/11006"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/pages\/2055"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/nodes\/wp-json\/wp\/v2\/media?parent=2139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}