[TUTORIAL] Página de testes HTML

por Cream 03.04.12 22:03

Página de testes HTML

Neste tutorial, você aprenderá como criar uma nova página HTML em seu fórum, que produz uma ferramenta que testa automaticamente qualquer código HTML colocado no mesmo. É bem simples de se fazer!

--> Lista de Tutoriais, Dicas e Astúcias <--
Página de testes HTML

1º - Temos que criar uma nova página HTML:
Em primeiro lugar, será necessário criar uma página HTML para hospedar o código:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão das Páginas HTML
Em seguida clicar no botão "Criar uma nova página HTML".

(clique na imagem para aumentar)

Criar uma nova página HTML - Terá de clicar neste botão para poder criar a sua nova página. Se pretende editar uma página já existente, apenas terá de clicar em "Modificar": [TUTORIAL] Página de testes HTML Editer

2º - Código a ser utilizado:
Já na modificação da página criada, em "Você deseja utilizar o início e o final da página do seu fórum?" marque "não", e logo após insira o código de nossa página de testes em "Código HTML":

Código:: <html> <head> <script> function stoperror() { return true } window.onerror=stoperror </script> <script LANGUAGE="JavaScript">  </script> </head> <body bgcolor="#14192a"> <p style="margin-top: 0; margin-bottom: 0" align="center"> </font><p style="margin-top: 0; margin-bottom: 0" align="center"> <div align="center"> <center> <table border="1" cellspacing="0" cellpadding="6" style="border-collapse: collapse" bordercolor="#ffffff" width="90%"> <tr> <td width="734" align="center"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%"> <font size="1"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <font face="Arial" size="2" color="yellow"><b>Insira o seu codigo completo HTML e clique em "Visualizar resultado"</b></font> </font></td> </tr> <tr> <td width="100%"><hr noshade size="1" color="#ffffff"></td> </tr> </table> <table border="0" width="100%" cellspacing="10" cellpadding="0"> <tr> <td width="100%"></td> </tr> </table> <div align="center"> <center> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td> <form target="_self"> <p align="center"><textarea name="codigo" cols="65" rows="12"></textarea><br> <input type="button" value="Visualizar resultado" onclick="verHTML(this.form)"> <input type="reset" value="Cancelar"></p> </form> </td> </tr> </table> </center> </div> </td> </tr> </table> </center> </div> </td> </tr> </table> </center> </div> </font> </body> </html>

Volte à gestão das páginas HTML, e acesse o link da página criada. Nela, você poderá testar os seus códigos HTML, colocando no campo de texto, e logo após clicando em "Visualizar resultado", ou cancelar o mesmo.

Resultado

(carregue na imagem para aumentar)

[TUTORIAL] Página de testes HTML 2m7yiv6

[TUTORIAL] Página de testes HTML Act_bottom

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Página de testes HTML