{"id":57,"date":"2008-05-02T10:26:14","date_gmt":"2008-05-02T13:26:14","guid":{"rendered":"http:\/\/www.dialeticavisual.com.br\/archives\/57"},"modified":"2010-03-26T01:16:32","modified_gmt":"2010-03-26T04:16:32","slug":"css-homer","status":"publish","type":"post","link":"https:\/\/blumenthal.com.br\/d\/2008\/css-homer","title":{"rendered":"Css Homer"},"content":{"rendered":"<p>imagem feita puramente por css+html.<br \/>\n<\/p>\n<div style=\"width: 100%; height: 466px;\">\n<div style=\"float: left; border: 2px solid #000; line-height: normal; background-color: #fff;\">\n<div style=\"width: 6.23em; height: 7.7em; font-family: Verdana; font-size: 60px; overflow: hidden;\">\n<div style=\"margin-top: -0.7em\">\n<div style=\"position: absolute; padding-left: 1.56em; padding-top: 0.37em;\">\n<div style=\"font-size: 2.57em; font-weight: bold; color: #000;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.62em; padding-top: 0.53em;\">\n<div style=\"font-size: 2.38em; font-weight: bold; color: #fff;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.2em; padding-top: 0.67em;\">\n<div style=\"font-size: 2.48em; color: #000;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.29em; padding-top: 0.85em;\">\n<div style=\"font-size: 2.23em; color: #fff;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.57em; padding-top: 2.03em;\">\n<div style=\"width: 0.32em; height: 0.52em; background-color: #fff;\"><\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.52em; padding-top: 1.56em;\">\n<div style=\"font-size: 0.8em; font-style: italic; color: #000;\">(<\/div>\n<\/div>\n<div style=\"color: #000;\">\n<div style=\"position: absolute; padding-left: 1.07em; padding-top: 0.62em;\">\n<div style=\"font-size: 4.57em;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.05em; padding-top: 1.15em;\">\n<div style=\"font-size: 3.53em;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.12em; padding-top: 0.74em;\">\n<div style=\"font-size: 4.63em;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.08em; padding-top: 3.64em;\">\n<div style=\"font-size: 1.77em; font-weight: bold; font-style: italic;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.17em; padding-top: 4.8em;\">\n<div style=\"font-size: 3.29em; font-weight: bold; font-style: italic;\">L<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.14em; padding-top: 5.21em;\">\n<div style=\"font-size: 3.01em; font-weight: bold; font-style: italic; height: 0.96em; overflow: hidden;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.13em; padding-top: 3.23em;\">\n<div style=\"font-size: 0.7em; font-weight: bold;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.37em; padding-top: 5.08em;\">\n<div style=\"font-size: 0.97em; font-weight: bold;\">O<\/div>\n<\/div>\n<\/div>\n<div style=\"color: #FED90E\">\n<div style=\"position: absolute; padding-left: 1.15em; padding-top: 0.76em;\">\n<div style=\"font-size: 4.37em;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.14em; padding-top: 1.26em;\">\n<div style=\"font-size: 3.37em;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.2em; padding-top: 0.87em;\">\n<div style=\"font-size: 4.42em;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.15em; padding-top: 3.61em;\">\n<div style=\"font-size: 1.7em; font-weight: bold; font-style: italic;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.24em; padding-top: 4.93em;\">\n<div style=\"font-size: 3.18em; font-weight: bold; font-style: italic;\">L<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.03em; padding-top: 5.05em;\">\n<div style=\"font-size: 3.2em; font-weight: bold; font-style: italic; height: 0.96em; overflow: hidden;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.18em; padding-top: 3.34em;\">\n<div style=\"font-size: 0.55em; font-weight: bold;\">O<\/div>\n<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.84em; padding-top: 2.37em;\">\n<div style=\"width: 1.92em; height: 5.76em; background-color: #FED90E;\"><\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.70em; padding-top: 2.73em;\">\n<div style=\"width: .30em; height: 1.56em; background-color: #FED90E;\"><\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.36em; padding-top: 3.51em;\">\n<div style=\"width: .16em; height: .34em; background-color: #FED90E;\"><\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.62em; padding-top: 5.47em;\">\n<div style=\"font-size: 10px\">\n<div style=\"width: 2.6em; height: 3.0em; background-color: #FED90E;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"color: #000;\">\n<div style=\"position: absolute; padding-left: 1.23em; padding-top: 4.57em;\">\n<div style=\"font-size: 0.67em;\">|<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.23em; padding-top: 4.37em;\">\n<div style=\"font-size: 0.67em;\">|<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.34em; padding-top: 4.37em;\">\n<div style=\"font-size: 0.67em;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.4em; padding-top: 4.53em;\">\n<div style=\"font-size: 0.67em;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.55em; padding-top: 4.49em;\">\n<div style=\"font-size: 0.67em;\">|<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.55em; padding-top: 4.19em;\">\n<div style=\"font-size: 0.67em;\">|<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.66em; padding-top: 4.19em;\">\n<div style=\"font-size: 0.67em;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.76em; padding-top: 4.45em;\">\n<div style=\"font-size: 0.67em;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.27em; padding-top: 2.54em;\">\n<div style=\"font-size: 0.42em; font-weight: bold; font-style: italic;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.51em; padding-top: 2.18em;\">\n<div style=\"font-size: 0.42em; font-weight: bold; font-style: italic;\">\\<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.31em; padding-top: 5.32em;\">\n<div style=\"font-size: 1.47em; font-weight: bold; font-style: italic;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.29em; padding-top: 5.69em;\">\n<div style=\"font-size: 1.11em; font-weight: bold;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.92em; padding-top: 4.72em;\">\n<div style=\"font-size: 2.4em; font-weight: bold;\">8<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.43em; padding-top: 3.96em;\">\n<div style=\"font-size: 3.13em; font-weight: bold; font-style: italic;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.31em; padding-top: 4.05em;\">\n<div style=\"font-size: 3.13em; font-weight: bold; font-style: italic;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.33em; padding-top: 4.37em;\">\n<div style=\"font-size: 3.06em; font-weight: bold;\">o<\/div>\n<\/div>\n<\/div>\n<div style=\"color: #CDB26F\">\n<div style=\"position: absolute; padding-left: 2.39em; padding-top: 5.36em;\">\n<div style=\"font-size: 1.38em; font-weight: bold; font-style: italic;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.37em; padding-top: 5.75em;\">\n<div style=\"font-size: 1.04em; font-weight: bold;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.95em; padding-top: 4.82em;\">\n<div style=\"font-size: 2.25em; font-weight: bold;\">8<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.49em; padding-top: 4.15em;\">\n<div style=\"font-size: 2.93em; font-weight: bold; font-style: italic;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.39em; padding-top: 4.22em;\">\n<div style=\"font-size: 2.93em; font-weight: bold; font-style: italic;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.4em; padding-top: 4.5em;\">\n<div style=\"font-size: 2.87em; font-weight: bold;\">o<\/div>\n<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.98em; padding-top: 6.09em;\">\n<div style=\"width: .76em; height: 1em; background-color: #CDB26F;\"><\/div>\n<\/div>\n<div style=\"color: #000\">\n<div style=\"position: absolute; padding-left: 3.69em; padding-top: 4.28em;\">\n<div style=\"font-size: 2.2em;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.62em; padding-top: 5.42em;\">\n<div style=\"font-size: 1.01em;\">)<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.78em; padding-top: 5.72em;\">\n<div style=\"font-size: 0.72em;\">)<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.53em; padding-top: 5.65em;\">\n<div style=\"font-size: 0.94em;\">b<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4em; padding-top: 5.09em;\">\n<div style=\"font-size: 1.59em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.33em; padding-top: 4.79em;\">\n<div style=\"font-size: 1.95em; font-weight: bold;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.15em; padding-top: 4.3em;\">\n<div style=\"font-size: 2.42em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.01em; padding-top: 4.46em;\">\n<div style=\"font-size: 2.23em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.88em; padding-top: 4.43em;\">\n<div style=\"font-size: 2.23em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.81em; padding-top: 4.71em;\">\n<div style=\"font-size: 1.9em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.69em; padding-top: 4.74em;\">\n<div style=\"font-size: 1.97em; font-weight: bold;\">o<\/div>\n<\/div>\n<\/div>\n<div style=\"color: #CDB26F\">\n<div style=\"position: absolute; padding-left: 3.7em; padding-top: 4.4em;\">\n<div style=\"font-size: 2.06em;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.57em; padding-top: 5.44em;\">\n<div style=\"font-size: 0.95em;\">)<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.49em; padding-top: 5.66em;\">\n<div style=\"font-size: 0.88em;\">b<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.01em; padding-top: 5.14em;\">\n<div style=\"font-size: 1.48em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.37em; padding-top: 4.84em;\">\n<div style=\"font-size: 1.83em; font-weight: bold;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.21em; padding-top: 4.38em;\">\n<div style=\"font-size: 2.27em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.07em; padding-top: 4.54em;\">\n<div style=\"font-size: 2.09em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.95em; padding-top: 4.53em;\">\n<div style=\"font-size: 2.08em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.88em; padding-top: 4.78em;\">\n<div style=\"font-size: 1.78em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.71em; padding-top: 4.79em;\">\n<div style=\"font-size: 1.85em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.87em; padding-top: 4.59em;\">\n<div style=\"font-size: 1.93em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.09em; padding-top: 4.55em;\">\n<div style=\"font-size: 1.93em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.73em; padding-top: 5.03em;\">\n<div style=\"font-size: 1.44em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.59em; padding-top: 5.77em;\">\n<div style=\"font-size: 0.82em; font-weight: bold;\">o<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.04em; padding-top: 6.4em;\">\n<div style=\"font-size: 0.16em; font-weight: bold; font-style: italic; color: #000;\">\/<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.03em; padding-top: 6.4em;\">\n<div style=\"font-size: 0.16em; font-weight: bold; font-style: italic; color: #000;\">\/<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.02em; padding-top: 6.4em;\">\n<div style=\"font-size: 0.16em; font-weight: bold; font-style: italic; color: #000;\">\/<\/div>\n<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.24em; padding-top: 2.49em;\">\n<div style=\"font-size: 2.76em; font-weight: bold; color: #000;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.34em; padding-top: 2.68em;\">\n<div style=\"font-size: 2.49em; font-weight: bold; color: #fff;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 4.2em; padding-top: 4.26em;\">\n<div style=\"font-size: 0.28em; font-weight: bold; color: #000;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.9em; padding-top: 4.05em;\">\n<div style=\"font-size: 1.47em; font-weight: bold; color: #000;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.99em; padding-top: 4.23em;\">\n<div style=\"font-size: 1.2em; font-weight: bold; color: #FED90E;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.66em; padding-top: 4.7em;\">\n<div style=\"font-size: 10px\">\n<div style=\"width: 4.6em; height: 3.88em; background-color: #FED90E;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.68em; padding-top: 3.36em;\">\n<div style=\"font-size: 1.2em; color: #000;\">_<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.68em; padding-top: 4.03em;\">\n<div style=\"font-size: 1.2em; color: #000;\">_<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 3.64em; padding-top: 4.03em;\">\n<div style=\"font-size: 1.2em; color: #000;\">_<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.96em; padding-top: 2.33em;\">\n<div style=\"font-size: 3.04em; font-weight: bold; color: #000;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.06em; padding-top: 2.5em;\">\n<div style=\"font-size: 2.77em; font-weight: bold; color: #fff;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 2.67em; padding-top: 4.23em;\">\n<div style=\"font-size: 0.28em; font-weight: bold; color: #000;\">\u2022<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.46em; padding-top: 5.18em;\">\n<div style=\"font-size: 0.66em; color: #000;\">C<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.47em; padding-top: 5.4em;\">\n<div style=\"font-size: 0.66em; color: #000;\">C<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.62em; padding-top: 5.53em;\">\n<div style=\"font-size: 10px\">\n<div style=\"width: 2.2em; height: 2.2em; background-color: #FED90E;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.45em; padding-top: 5.19em;\">\n<div style=\"font-size: 0.8em; font-weight: bold; color: #FED90E;\">O<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.58em; padding-top: 5.47em;\">\n<div style=\"font-size: 0.25em; font-weight: bold; font-style: italic; color: #000;\">(<\/div>\n<\/div>\n<div style=\"position: absolute; padding-left: 1.62em; padding-top: 5.46em;\">\n<div style=\"font-size: 0.25em; font-weight: bold; font-style: italic; color: #000;\">&#8211;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Autoria: <a href=\"http:\/\/www.romancortes.com\/blog\/homer-css\/\">romancortes.com\/blog\/homer-css\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>imagem feita puramente por css+html. o o o o ( O O O \\ L ( O O O O O \\ L ( O | | \\ \\ | | \\ \\ \\ \\ ( ( 8 o o o ( ( 8 o o o o ) ) b o O o o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,11,12],"tags":[],"class_list":["post-57","post","type-post","status-publish","format-standard","hentry","category-design","category-tecnologia","category-web"],"_links":{"self":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":2,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/57\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}