{"id":10,"date":"2018-10-10T11:32:18","date_gmt":"2018-10-10T10:32:18","guid":{"rendered":"https:\/\/formatext.es\/codigo\/?p=10"},"modified":"2021-12-29T19:09:09","modified_gmt":"2021-12-29T18:09:09","slug":"botonera","status":"publish","type":"post","link":"https:\/\/formatext.es\/codigo\/botonera\/","title":{"rendered":"Botonera"},"content":{"rendered":"<p>Una p\u00e1gina con una botonera (vemos el html)<\/p>\n<p><code><\/code><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">&lt;\/pre&gt;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;meta http-equiv= &quot;Content-Type&quot; content=&quot;text\/html; charset=utf-8&quot;&gt;\r\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; \/&gt;\r\n&lt;link rel=&quot;stylesheet&quot; href=&quot;styles\/styles.css&quot;&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;!-- header --&gt;\r\n&lt;h1&gt;Herman webs&lt;\/h1&gt;\r\n\r\n&lt;!-- start the realm of the buttons --&gt;\r\n&lt;div id=&quot;buttons&quot;&gt;\r\n&lt;a href=&quot;#&quot; class=&quot;btn blue&quot;&gt;Hermanmusic&lt;\/a&gt;\r\n&lt;a href=&quot;#&quot; class=&quot;btn green&quot;&gt;Herman code&lt;\/a&gt;\r\n&lt;a href=&quot;#&quot; class=&quot;btn red&quot;&gt;Promoci\u00f3n editorial&lt;\/a&gt;\r\n&lt;a href=&quot;#&quot; class=&quot;btn purple&quot;&gt;Inmobiliaria&lt;\/a&gt;\r\n&lt;a href=&quot;#&quot; class=&quot;btn orange&quot;&gt;Portfolio&lt;\/a&gt;\r\n&lt;a href=&quot;#&quot; class=&quot;btn yellow&quot;&gt;Centro est\u00e9tica&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;!-- Copyright stuffs --&gt;\r\n&lt;p&gt;Copyright&amp;copy 2018 &lt;a href=&quot;http:\/\/www.benngagne.ca&quot; target=&quot;_blank&quot; class=&quot;link&quot;&gt;benn&lt;\/a&gt;&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n&lt;pre&gt;<\/pre>\n<p>Vemos el css<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">&lt;\/pre&gt;\r\n\/* Google Fonts *\/\r\n@import url(https:\/\/fonts.googleapis.com\/css?family=Open+Sans);\r\n\r\n\/* set global font to Open Sans *\/\r\nbody {\r\nfont-family: 'Open Sans', 'sans-serif';\r\nbackground-image: url(http:\/\/benague.ca\/files\/pw_pattern.png);\r\n}\r\n\r\n\/* header *\/\r\nh1 {\r\ncolor: #55acee;\r\ntext-align: center;\r\n}\r\n\r\n\/* header\/copyright link *\/\r\n.link {\r\ntext-decoration: none;\r\ncolor: #55acee;\r\nborder-bottom: 2px dotted #55acee;\r\ntransition: .3s;\r\n-webkit-transition: .3s;\r\n-moz-transition: .3s;\r\n-o-transition: .3s;\r\ncursor: url(http:\/\/cur.cursors-4u.net\/symbols\/sym-1\/sym46.cur), auto;\r\n}\r\n\r\n.link:hover {\r\ncolor: #2ecc71;\r\nborder-bottom: 2px dotted #2ecc71;\r\n}\r\n\r\n\/* button div *\/\r\n#buttons {\r\npadding-top: 50px;\r\ntext-align: center;\r\n}\r\n\r\n\/* start da css for da buttons *\/\r\n.btn {\r\nborder-radius: 5px;\r\npadding: 15px 25px;\r\nfont-size: 22px;\r\ntext-decoration: none;\r\nmargin: 20px;\r\ncolor: #fff;\r\nposition: relative;\r\ndisplay: inline-block;\r\n}\r\n\r\n.btn:active {\r\ntransform: translate(0px, 5px);\r\n-webkit-transform: translate(0px, 5px);\r\nbox-shadow: 0px 1px 0px 0px;\r\n}\r\n\r\n.blue {\r\nbackground-color: #55acee;\r\nbox-shadow: 0px 5px 0px 0px #3C93D5;\r\n}\r\n\r\n.blue:hover {\r\nbackground-color: #6FC6FF;\r\n}\r\n\r\n.green {\r\nbackground-color: #2ecc71;\r\nbox-shadow: 0px 5px 0px 0px #15B358;\r\n}\r\n\r\n.green:hover {\r\nbackground-color: #48E68B;\r\n}\r\n\r\n.red {\r\nbackground-color: #e74c3c;\r\nbox-shadow: 0px 5px 0px 0px #CE3323;\r\n}\r\n\r\n.red:hover {\r\nbackground-color: #FF6656;\r\n}\r\n\r\n.purple {\r\nbackground-color: #9b59b6;\r\nbox-shadow: 0px 5px 0px 0px #82409D;\r\n}\r\n\r\n.purple:hover {\r\nbackground-color: #B573D0;\r\n}\r\n\r\n.orange {\r\nbackground-color: #e67e22;\r\nbox-shadow: 0px 5px 0px 0px #CD6509;\r\n}\r\n\r\n.orange:hover {\r\nbackground-color: #FF983C;\r\n}\r\n\r\n.yellow {\r\nbackground-color: #f1c40f;\r\nbox-shadow: 0px 5px 0px 0px #D8AB00;\r\n}\r\n\r\n.yellow:hover {\r\nbackground-color: #FFDE29;\r\n}\r\n\r\n\/* copyright stuffs.. *\/\r\np {\r\ntext-align: center;\r\ncolor: #55acee;\r\npadding-top: 20px;\r\n}\r\n&lt;pre&gt;<\/pre>\n<p><code><\/code><\/p>\n<p><code><\/code><\/p>\n<p><code><\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una p\u00e1gina con una botonera (vemos el html) &lt;\/pre&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv= &quot;Content-Type&quot; content=&quot;text\/html; charset=utf-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; \/&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;styles\/styles.css&quot;&gt; &lt;\/head&gt; &lt;body&gt; &lt;!&#8211; header &#8211;&gt; &lt;h1&gt;Herman webs&lt;\/h1&gt; &lt;!&#8211; start the realm of the buttons &#8211;&gt; &lt;div id=&quot;buttons&quot;&gt; &lt;a href=&quot;#&quot; class=&quot;btn blue&quot;&gt;Hermanmusic&lt;\/a&gt; &lt;a href=&quot;#&quot; class=&quot;btn green&quot;&gt;Herman code&lt;\/a&gt; &lt;a href=&quot;#&quot; class=&quot;btn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-html"],"_links":{"self":[{"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":2,"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/posts\/10\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/formatext.es\/codigo\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}