Início
Curtir
Olá pessoal do SGBR™. #...
Hoje estou disponibilizando duas páginas HTML que fiz, essas duas paginas testam seus códigos HTML e mostram o efeito, espero que gostem" ;)
VERSÃO 1:
VERSÃO 2:
Gostou? DÊ um
Hoje estou disponibilizando duas páginas HTML que fiz, essas duas paginas testam seus códigos HTML e mostram o efeito, espero que gostem" ;)
VERSÃO 1:
- CÓDIGO FONTE:
- Código:
<script>
<!--
document.write(unescape("%20%20%20%20%3C%21DOCTYPE%20html%20PUBLIC%20%22-//W3C//DTD%20XHTML%201.0%20Transitional//EN%22%20%22http%3A//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22%3E%0A%20%20%20%20%3Chtml%20xmlns%3D%22http%3A//www.w3.org/1999/xhtml%22%3E%0A%20%20%20%20%3Chead%3E%0A%20%20%20%20%3Cscript%20src%3D%22http%3A//code.jquery.com/jquery-1.8.3.min.js%22%3E%3C/script%3E%0A%20%20%20%20%3Cscript%3E%0A%20%20%20%20%24%28document%29.ready%28function%28%29%7B%0A%20%20%20%20%24%28%22%23gfdg5fdg5%22%29.hide%28%29%3B%0A%20%20%20%20%24%28%22%23dfgdfg4545dgfd4hg%22%29.hide%28%29%3B%0A%20%20%20%20%24%28%22%23gfdg5fdg5%22%29.click%28function%28%29%7B%0A%20%20%20%20%24%28this%29.hide%28%29%3B%0A%20%20%20%20%24%28%22%23dfgdfg4545dgfd4hg%22%29.remove%28%29%3B%0A%20%20%20%20%24%28%22%23fdgdsfg%2C%20%23ertergfdf%2C%20%23dh7754gd%20%22%29.show%28%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%20%20%24%28%22%23ertergfdf%22%29.click%28function%28%29%7B%0A%20%20%20%20%24%28this%29.before%28%27%3Cdiv%20style%3D%22margin-bottom%3A10px%22%20id%3D%22dfgdfg4545dgfd4hg%22%3E%3C/div%3E%27%29%3B%0A%20%20%20%20%24%28%22%23gfdg5fdg5%22%29.show%28%29%3B%0A%20%20%20%20%24%28%22%23dfgdfg4545dgfd4hg%22%29.show%28%29%3B%0A%20%20%20%20%24%28%22%23dfgdfg4545dgfd4hg%22%29.html%28%24%28%22%23fdgdsfg%22%29.val%28%29%29%3B%0A%20%20%20%20%24%28%22%23fdgdsfg%2C%20%23ertergfdf%2C%20%23dh7754gd%20%22%29.hide%28%29%3B%0A%20%20%20%20/*%24%28%22%23htmler%22%29.html%28%27%24%28%22%23htmler%22%29.val%28%29%27%29%3B%0A%20%20%20%20%24%28%22%23htmler%22%29.val%28%27FUNCIONA%27%29%3B*/%0A%20%20%20%20%7D%29%3B%0A%20%20%20%20%24%28%22%23dh7754gd%22%29.click%28function%28%29%7B%0A%20%20%20%20%24%28%22%23fdgdsfg%22%29.val%28%27%27%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%20%20%3C/script%3E%0A%20%20%20%20%3Cmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text/html%3B%20charset%3Diso-8859-1%22%20/%3E%0A%20%20%20%20%3Ctitle%3EHTML%20Preview%20-%20Por%20HenRyqUee%3C/title%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%23fdgdsfg%7B%0A%20%20%20%20background%3A%23000000%3B%0A%20%20%20%20color%3A%23FF6600%3B%0A%20%20%20%20font-weight%3Abold%3B%0A%20%20%20%20box-shadow%3A16px%2021px%2046px%20grey%3B%0A%20%20%20%20font-size%3A18px%3B%0A%20%20%20%20font-family%3A%22Times%20New%20Roman%22%2C%20Times%2C%20serif%3B%0A%20%20%20%20%7D%0A%20%20%20%20%23ertergfdf%2C%20%23dh7754gd%2C%20%23gfdg5fdg5%7B%0A%20%20%20%20cursor%3Apointer%3B%0A%20%20%20%20padding%3A5px%3B%0A%20%20%20%20font-weight%3Abold%3B%0A%20%20%20%20border%3A%202px%20solid%20%23333333%3B%0A%20%20%20%20border-radius%3A2px%3B%0A%20%20%20%20box-shadow%3A2px%202px%200.5px%20grey%3B%0A%20%20%20%20%7D%0A%20%20%20%20%23ertergfdf%3Ahover%2C%20%23dh7754gd%3Ahover%2C%20%23gfdg5fdg5%3Ahover%7B%0A%20%20%20%20background%3A%23333333%3B%0A%20%20%20%20color%3A%23FFFFFF%3B%0A%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%20%20%3C/head%3E%0A%20%20%20%20%3Cbody%3E%0A%20%20%20%20%3Ccenter%3E%3Cdiv%20style%3D%22margin-top%3A65px%22%20id%3D%22dfgdfg4545dgfd4hg%22%3E%3C/div%3E%3Ctextarea%20id%3D%22fdgdsfg%22%20cols%3D%22110%22%20rows%3D%2230%22%3E%3C/textarea%3E%3Cbr%20/%3E%3Cbr%20/%3E%3Cbr%20/%3E%3Cspan%20id%3D%22ertergfdf%22%3EVisualizar%20Efeito%3C/span%3E%3Cspan%20style%3D%22margin-left%3A12px%22%20id%3D%22dh7754gd%22%3ELimpar%20Tudo%3C/span%3E%3Cbr%20/%3E%3Cbr%20/%3E%3Cbr%20/%3E%3Cspan%20style%3D%22margin-bottom%3A-50px%3Bmargin-top%3A10px%22%20id%3D%22gfdg5fdg5%22%3EVOLTAR%20A%20TELA%20ORIGINAL%3C/span%3E%3Cbr%20/%3E%3Cbr%20/%3E%3Cbr%20/%3E%3Cbr%20/%3ECRIADO%20POR%20HenRyqUee%3C/center%3E%0A%20%20%20%20%3C/body%3E%0A%20%20%20%20%3C/html%3E%0A"));
//-->
</script>
VERSÃO 2:
- CÓDIGO FONTE:
- Código:
<script>
<!--
document.write(unescape("%20%20%20%20%3Chtml%3E%0A%20%20%20%20%20%20%20%20%3Chead%3E%0A%20%20%20%20%20%20%20%20%3Cscript%20src%3D%22http%3A//code.jquery.com/jquery-1.8.3.min.js%22%3E%3C/script%3E%0A%20%20%20%20%20%20%20%20%3Ctitle%3EHTML%20Preview%202%20-%20Por%20HenRyqUee%3C/title%3E%0A%20%20%20%20%20%20%20%20%3Cscript%3E%0A%20%20%20%20%20%20%20%20jQuery%28document%29.ready%28function%28%29%7B%0A%09%09%20%20%09%09%20%20%20%20%20%20%20%20jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.keydown%28function%28%29%7B%0A%20%20%20%20%20%20%20%20jQuery%28%22%23jhbewugfuefg654694498sgsfdg%22%29.html%28jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.val%28%29%29%3B%0A%20%20%20%20%20%20%20%20%7D%29.keyup%28function%28%29%7B%0A%20%20%20%20%20%20%20%20jQuery%28%22%23jhbewugfuefg654694498sgsfdg%22%29.html%28jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.val%28%29%29%3B%0A%20%20%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%20%20%20%20jQuery%28%22%23tttsagiuyhgfi2452423432hihgigeriwu453%22%29.click%28function%28%29%7B%0A%20%20%20%20%20%20%20%20jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.toggle%28500%29%3B%0A%20%20%20%20jQuery%28%22%23gdnikdgigfd6g5h47fdh87dh4gf%22%29.toggle%28500%29%3B%0A%09jQuery%28%22%23cor%22%29.toggle%28500%29%3B%0A%20%20%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%20%20%20%20jQuery%28%22%23gdnikdgigfd6g5h47fdh87dh4gf%22%29.click%28function%28%29%7B%0A%20%20%20%20jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.val%28%27%27%29%3B%0A%20%20%20%20jQuery%28%22%23jhbewugfuefg654694498sgsfdg%22%29.html%28%27%27%29%3B%0A%09%20%20%20%20%7D%29%3BjQuery%28%22%23sfdg4fdg57sdf5gd4fgf%22%29.hide%28%29%3B%0A%09%09jQuery%28%22%23cor%22%29.click%28function%28%29%7B%0A%09%09jQuery%28%22%23sfdg4fdg57sdf5gd4fgf%22%29.toggle%28250%29%3B%0A%09%09%7D%29%3B%0A%09%20%20%20%20jQuery%28%22%23dh54g5f4hd5444454hdfh%22%29.click%28function%28%29%7B%0A%09%09jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.css%28%7B%0A%09%09color%3A%20jQuery%28%22%23sdgfdgfd78947gfd4gs5df4sg5d845sdg%22%29.val%28%29%2C%0A%09%09%09%09%7D%29%3B%0A%09%09%7D%29%3B%20%20jQuery%28%22%23dsfgdfgs4fd54g8d4g84fdg5d4f%22%29.click%28function%28%29%7B%0A%09%09jQuery%28%22%23sdgfdgfd78947gfd4gs5df4sg5d845sdg%22%29.val%28%27%27%29%3B%0A%09%09jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.css%28%7B%0A%09%09color%3A%20%22%2334BF64%22%2C%0A%09%09%09%09%7D%29%3B%0A%09%09%7D%29%3B%0A%09%09%7D%29%3B%0A%20%20%20%20function%20atualizar%28%29%7B%0A%20%20%20%20jQuery%28%22%23jhbewugfuefg654694498sgsfdg%22%29.html%28jQuery%28%22%23dghiihiui532534hhfsjhbfjkhb3535fgdf%22%29.val%28%29%29%3B%0A%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C/script%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%23dghiihiui532534hhfsjhbfjkhb3535fgdf%7B%0A%09%20%20%20%20%20%20%20%20font-family%3AVerdana%2C%20Arial%2C%20Helvetica%2C%20sans-serif%3B%0A%20%20%20%20%20%20%20%20font-weight%3Abold%3B%0A%20%20%20%20%20%20%20%20color%3A%2334BF64%3B%0A%20%20%20%20%20%20%20%20text-shadow%3A0px%200.5px%201px%20%23044A1C%3B%0A%20%20%20%20%20%20%20%20background%3A%20%237d7e7d%3B%0A%20%20%20%20%20%20%20%20background%3A%20-moz-linear-gradient%28top%2C%20%237d7e7d%200%25%2C%20%230e0e0e%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-webkit-gradient%28linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop%280%25%2C%237d7e7d%29%2C%20color-stop%28100%25%2C%230e0e0e%29%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-webkit-linear-gradient%28top%2C%20%237d7e7d%200%25%2C%230e0e0e%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-o-linear-gradient%28top%2C%20%237d7e7d%200%25%2C%230e0e0e%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-ms-linear-gradient%28top%2C%20%237d7e7d%200%25%2C%230e0e0e%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20linear-gradient%28to%20bottom%2C%20%237d7e7d%200%25%2C%230e0e0e%20100%25%29%3B%0A%20%20%20%20%20%20%20%20filter%3A%20progid%3ADXImageTransform.Microsoft.gradient%28%20startColorstr%3D%27%237d7e7d%27%2C%20endColorstr%3D%27%230e0e0e%27%2CGradientType%3D0%20%29%3B%0A%20%20%20%20%20%20%20%20border-radius%3A6px%3B%0A%20%20%20%20%20%20%20%20border%3A3px%20solid%20%23555333%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A6px%206px%2019px%20%23444444%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%23jhbewugfuefg654694498sgsfdg%7B%0A%20%20%20%20%20%20%20%20border-radius%3A6px%3B%0A%20%20%20%20%20%20%20%20padding%3A5px%3B%0A%20%20%20%20%20%20%20%20border%3A3px%20solid%20grey%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23eeeeee%3B%0A%20%20%20%20%20%20%20%20background%3A%20-moz-linear-gradient%28top%2C%20%23eeeeee%200%25%2C%20%23cccccc%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-webkit-gradient%28linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop%280%25%2C%23eeeeee%29%2C%20color-stop%28100%25%2C%23cccccc%29%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-webkit-linear-gradient%28top%2C%20%23eeeeee%200%25%2C%23cccccc%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-o-linear-gradient%28top%2C%20%23eeeeee%200%25%2C%23cccccc%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-ms-linear-gradient%28top%2C%20%23eeeeee%200%25%2C%23cccccc%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20linear-gradient%28to%20bottom%2C%20%23eeeeee%200%25%2C%23cccccc%20100%25%29%3B%0A%20%20%20%20%20%20%20%20filter%3A%20progid%3ADXImageTransform.Microsoft.gradient%28%20startColorstr%3D%27%23eeeeee%27%2C%20endColorstr%3D%27%23cccccc%27%2CGradientType%3D0%20%29%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A6px%206px%2019px%20%23444444%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%23tttsagiuyhgfi2452423432hihgigeriwu453%3Ahover%2C%20%23gdnikdgigfd6g5h47fdh87dh4gf%3Ahover%2C%20%23cor%3Ahover%7B%0A%20%20%20%20%20%20%20%20color%3A%2354D91A%3B%0A%20%20%20%20%20%20%20%20text-shadow%3A0px%200.5px%201px%20%231E5905%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%23tttsagiuyhgfi2452423432hihgigeriwu453%2C%20%23gdnikdgigfd6g5h47fdh87dh4gf%2C%20%23cor%7B%0A%20%20%20%20%20%20%20%20color%3A%23D9631A%3B%0A%20%20%20%20%20%20%20%20border-radius%3A4px%3B%0A%20%20%20%20%20%20%20%20cursor%3Apointer%3B%0A%20%20%20%20%20%20%20%20text-shadow%3A0px%200.5px%201px%20%23823C10%3B%0A%20%20%20%20%20%20%20%20font-weight%3Abold%3B%0A%20%20%20%20%20%20%20%20padding%3A6px%3B%0A%20%20%20%20%20%20%20%20border%3A%202px%20solid%20%23333333%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23a2a2a2%3B%0A%20%20%20%20%20%20%20%20background%3A%20-moz-linear-gradient%28top%2C%20%23a2a2a2%200%25%2C%20%23515151%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-webkit-gradient%28linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop%280%25%2C%23a2a2a2%29%2C%20color-stop%28100%25%2C%23515151%29%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-webkit-linear-gradient%28top%2C%20%23a2a2a2%200%25%2C%23515151%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-o-linear-gradient%28top%2C%20%23a2a2a2%200%25%2C%23515151%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20-ms-linear-gradient%28top%2C%20%23a2a2a2%200%25%2C%23515151%20100%25%29%3B%0A%20%20%20%20%20%20%20%20background%3A%20linear-gradient%28to%20bottom%2C%20%23a2a2a2%200%25%2C%23515151%20100%25%29%3B%0A%20%20%20%20%20%20%20%20filter%3A%20progid%3ADXImageTransform.Microsoft.gradient%28%20startColorstr%3D%27%23a2a2a2%27%2C%20endColorstr%3D%27%23515151%27%2CGradientType%3D0%20%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C/style%3E%0A%20%20%20%20%20%20%20%20%3C/head%3E%0A%20%20%20%20%20%20%20%20%3Cbody%20onLoad%3D%22atualizar%28%29%22%3E%3Ccenter%3E%3Cdiv%20style%3D%22width%3A90%25%22%20id%3D%22jhbewugfuefg654694498sgsfdg%22%3E%3C/div%3E%3Cbr%3E%3Cbr%3E%3Ctextarea%20rows%3D%2222%22%20cols%3D%2285%22%20id%3D%22dghiihiui532534hhfsjhbfjkhb3535fgdf%22%3E%3Chtml%3E%0A%20%20%20%20%3Chead%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20h1%7B%0A%20%20%20%20cursor%3Apointer%3B%0A%20%20%20%20padding%3A15px%3B%0A%20%20%20%20border%3A2px%20solid%20black%3B%0A%20%20%20%20width%3A150%3B%0A%20%20%20%20%7D%0A%20%20%20%20h1%3Ahover%7B%0A%20%20%20%20background%3A%23999999%3B%0A%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%20%20%3C/head%3E%0A%20%20%20%20%3Cbody%3E%0A%20%20%20%20%3Ch1%3ETESTE%3C/h1%3E%0A%20%20%20%20%3C/body%3E%0A%20%20%20%20%3C/html%3E%3C/textarea%3E%3Cbr%3E%3Cbr%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20id%3D%22tttsagiuyhgfi2452423432hihgigeriwu453%22%3EEsconder/Mostrar%20TEXTAREA%3C/span%3E%3Cspan%20style%3D%22margin-left%3A15px%22id%3D%22gdnikdgigfd6g5h47fdh87dh4gf%22%3EApagar%20Tudo%3C/span%3E%3Cspan%20style%3D%22margin-left%3A15px%22id%3D%22cor%22%3EEscolher%20cor%20do%20texto%3C/span%3E%3Cbr%3E%3Cbr%3E%3Cdiv%20id%3D%22sfdg4fdg57sdf5gd4fgf%22%3EInsira%20a%20cor%3A%20%3Cinput%20type%3D%22text%22%20id%3D%22sdgfdgfd78947gfd4gs5df4sg5d845sdg%22%3E%3Cinput%20style%3D%22margin-left%3A5px%22%20type%3D%22button%22%20id%3D%22dh54g5f4hd5444454hdfh%22%20value%3D%22OK%22%3E%3Cbr%3E%3Cbr%3E%3Ca%20target%3D%22_blank%22%20style%3D%22text-decoration%3Anone%3Bcolor%3A%23CC0000%3B%22%20href%3D%22http%3A//www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm%22%3ETABELA%20DE%20CORES%3C/a%3E%3Cp%3E%3Cinput%20id%3D%22dsfgdfgs4fd54g8d4g84fdg5d4f%22%20type%3D%22button%22%20value%3D%22COR%20ORIGINAL%22%3E%3C/div%3E%0A%20%20%20%20%20%20%20%20%3Cbr%3E%3Cbr%3E%3Cbr%3ECriado%20por%20HenRyqUee%0A%20%20%20%20%20%20%20%20%3C/center%3E%3C/body%3E%0A%20%20%20%20%20%20%20%20%3C/html%3E"));
//-->
</script>
Gostou? DÊ um
